webpack3里使用uglifyjs壓縮js時打包報錯的解決

發(fā)布時間：2020-09-24 11:39:05 來源：腳本之家閱讀：334 作者：soraly 欄目：web開發(fā)

環(huán)境：webpac<4的場景下，安裝uglifyjs。

cnpm install uglifyjs-webpack-plugin -D

安裝完畢后，去npm里查看uglifyjs的使用方法并添加到代碼中：

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

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

執(zhí)行打包命令后報錯，重新瀏覽文檔后發(fā)現(xiàn)該寫法只適用于webpack4，而我的環(huán)境是webpack3.x，于是更換了uglifyjs的寫法：

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

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

再次執(zhí)行打包命令仍然報錯，猜想可能是最新版本的uglifyjs已經(jīng)不支持該寫法，于是：

npm view uglifyjs-webpack-plugin versions

webpack3里使用uglifyjs壓縮js時打包報錯的解決

重新安裝低版本插件

cnpm install uglifyjs-webpack-plugin@1.3.0 -D

打包成功！

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

猜你喜歡