安装 uglifyjs-webpack-plugin 插件:
npm i uglifyjs-webpack-plugin@1.0.0 --save
可以在 nuxt.config.js 中的 build->plugins 中添加 uglifyjs-webpack-plugin 插件,里面有配置可以去掉 console 信息。
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
build: {
plugins: [
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_console: true // 设置false 就是 开启 console.log
},
mangle: {
safari10: true
}
},
sourceMap: true,
cache: true,
parallel: true
})
]
}
}
最后 npm run build打包 成功了。
作者在 安装插件的时候 直接发现遇到报错 Cannot read property 'compilation' of undefined
所以直接安装了 1.0.0 版本。
下面是一些特殊报错和解决办法: 作者反正没遇到。
很明显,这是node一些包的版本对应不上的问题。
1、首先定位到 uglifyjs-webpack-plugin 中的 index.js 文件中,将项目中的该包升级或者降级到1.0.0版本
npm i uglifyjs-webpack-plugin@1.0.0 --save
2、然后定位到 optimize-css-assets-webpack-plugin\node_modules\last-call-webpack-plugin\src\index.js 文件报错
将项目中的该包(optimize-css-assets-webpack-plugin)升级或者降级到2.0.0版本
npm i optimize-css-assets-webpack-plugin@2 --save
3、这个时候报缺少 cssnano 包,直接安装上即可
npm i cssnano --save
此刻 该问题完美解决。