vue.config.js中配置:
在chainWebpack中配置如下代码:
// 生产模式 console.log 去除
config.when(process.env.NODE_ENV !='development',config=>{
config.optimization
.minimizer('terser')
.tap(args => {
Object.assign(args[0].terserOptions.compress, {
// warnings: false , // 默认 false
// drop_console: ,
drop_debugger: false, // 默认也是true
pure_funcs: ['console.log']
})
return args
})
})
防止迷路看这里:
const port = 8080 // dev port
module.exports = {
lintOnSave: false,
publicPath: './',
outputDir: process.env.outputDir,
// 配置px2rem-loader
chainWebpack: config => {
config.module
.rule("css")
.test(/\.css$/)
.oneOf("vue")
.resourceQuery(/\?vue/)
.use("px2rem")
.loader("px2rem-loader")
.options({
// 设置px转化为rem比例,设计稿大小为1920,比例 1920/ 10
remUnit: 192
});
config.when(process.env.NODE_ENV !='development',config=>{
config.optimization
.minimizer('terser')
.tap(args => {
Object.assign(args[0].terserOptions.compress, { // 生产模式 console.log 去除
// warnings: false , // 默认 false
// drop_console: ,
drop_debugger: false, // 默认也是true
pure_funcs: ['console.log']
})
return args
})
})
},
//反向代理
devServer: {
port: port,
open: true,
overlay: {
warnings: false,
errors: true
},
// 跨域配置
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: '请求地址',
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}
}
},
},
}