在webpack3里使用uglifyjs

环境:webpac<4的场景下,安装uglifyjs。

cnpm install uglifyjs-webpack-plugin -D

安装完毕后,去npm里查看uglifyjs的使用方法并添加到代码中:

const UglifyJsPlugin  = require('uglifyjs-webpack-plugin')

module.exports = {
  //...
  optimization: {
    minimizer: [new UglifyJsPlugin()]
  }
};

执行打包命令后报错,重新浏览文档后发现该写法只适用于webpack4,而我的环境是webpack3.x,于是更换了uglifyjs的写法:

const UglifyJsPlugin  = require('uglifyjs-webpack-plugin')

module.exports = {
   plugins: [
        new UglifyJsPlugin(),
    ]  
}

再次执行打包命令仍然报错,猜想可能是最新版本的uglifyjs已经不支持该写法,于是:

npm view uglifyjs-webpack-plugin versions

重新安装低版本插件

cnpm install uglifyjs-webpack-plugin@1.3.0 -D

打包成功!

posted @ 2018-12-13 10:45  soraly  阅读(3271)  评论(1编辑  收藏  举报