webpack3里使用uglifyjs壓縮js時打包報錯的解決
更新時間：2018年12月13日 14:14:49 作者：soraly
這篇文章主要介紹了webpack3里使用uglifyjs壓縮js時打包報錯的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
環(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已經不支持該寫法，于是：
npm view uglifyjs-webpack-plugin versions
重新安裝低版本插件
cnpm install uglifyjs-webpack-plugin@1.3.0 -D
打包成功！
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要給大家介紹了關于Javascript異步流程控制之串行執(zhí)行的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
這篇文章主要介紹了JavaScript 事件入門知識,需要的朋友可以參考下2015-04-04
在固定大小的div中放置一個圖片，當圖片較小時顯示實際大小，當圖片超過div大小時圖片 自動適應div 的大小，實現(xiàn)思路如下，感興趣的朋友可以了解下2013-09-09
這篇文章主要介紹了微信小程序中data-key屬性：數據傳輸,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-08
這篇文章主要為大家詳細介紹了小程序實現(xiàn)多列選擇器的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要為大家詳細介紹了微信小程序自定義組件實現(xiàn)單選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
面向切面編程給我們提供了一個方法，讓我們可以在不修改目標邏輯的情況下，將代碼注入到現(xiàn)有的函數或對象中。今天通過本文給大家分享JavaScript中的AOP編程的基本實現(xiàn)方法，需要的朋友參考下吧2021-07-07
這篇文章主要為大家詳細介紹了javascript實現(xiàn)緩動動畫效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了微信小程序云函數添加數據到數據庫的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
這篇文章主要介紹了TypeScript類型聲明書寫詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08