nuxt打包去除console.log之uglifyjs-webpack-plugin插件

安装 uglifyjs-webpack-plugin 插件：

npm i [email protected] --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 [email protected] --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

此刻 该问题完美解决。