首先,先下载依赖npm i uglifyjs-webpack-plugin@1.1.1 --save-dev
然后在vue.config.js
文件里面进行如下配置
const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
module.exports = {
publicPath: BASE_URL,
css: { // 配置css模块
loaderOptions: { // 向预处理器 Loader 传递配置选项
less: { // 配置less(其他样式解析用法一致)
javascriptEnabled: true // 设置为true
}
}
},
devServer: {
/*.............*/
chainWebpack: config => {
configureWebpack: (config) => {
if (process.env.NODE_ENV === 'production') {
config.plugins.push(
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_debugger: true, // console
drop_console: true,
pure_funcs: ['console.log'] // 移除console
},
},
sourceMap: false,
parallel: true,
})
)
}
},