webpack3里使用uglifyjs壓縮js時(shí)打包報(bào)錯(cuò)的解決
更新時(shí)間：2018年12月13日 14:14:49 作者：soraly
這篇文章主要介紹了webpack3里使用uglifyjs壓縮js時(shí)打包報(bào)錯(cuò)的解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
環(huán)境：webpac<4的場(chǎng)景下，安裝uglifyjs。
cnpm install uglifyjs-webpack-plugin -D
安裝完畢后，去npm里查看uglifyjs的使用方法并添加到代碼中：
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
//...
optimization: {
minimizer: [new UglifyJsPlugin()]
}
};
執(zhí)行打包命令后報(bào)錯(cuò)，重新瀏覽文檔后發(fā)現(xiàn)該寫法只適用于webpack4，而我的環(huán)境是webpack3.x，于是更換了uglifyjs的寫法：
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
plugins: [
new UglifyJsPlugin(),
]
}
再次執(zhí)行打包命令仍然報(bào)錯(cuò)，猜想可能是最新版本的uglifyjs已經(jīng)不支持該寫法，于是：
npm view uglifyjs-webpack-plugin versions
重新安裝低版本插件
cnpm install uglifyjs-webpack-plugin@1.3.0 -D
打包成功！
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Javascript異步流程控制之串行執(zhí)行的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
這篇文章主要介紹了JavaScript 事件入門知識(shí),需要的朋友可以參考下2015-04-04
在固定大小的div中放置一個(gè)圖片，當(dāng)圖片較小時(shí)顯示實(shí)際大小，當(dāng)圖片超過div大小時(shí)圖片 自動(dòng)適應(yīng)div 的大小，實(shí)現(xiàn)思路如下，感興趣的朋友可以了解下2013-09-09
微信小程序中data-key屬性之?dāng)?shù)據(jù)傳輸(經(jīng)驗(yàn)總結(jié))
這篇文章主要介紹了微信小程序中data-key屬性：數(shù)據(jù)傳輸,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-08-08
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)多列選擇器的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義組件實(shí)現(xiàn)單選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript中的AOP編程的基本實(shí)現(xiàn)
面向切面編程給我們提供了一個(gè)方法，讓我們可以在不修改目標(biāo)邏輯的情況下，將代碼注入到現(xiàn)有的函數(shù)或?qū)ο笾小＝裉焱ㄟ^本文給大家分享JavaScript中的AOP編程的基本實(shí)現(xiàn)方法，需要的朋友參考下吧2021-07-07
javascript實(shí)現(xiàn)緩動(dòng)動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)緩動(dòng)動(dòng)畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
微信小程序云函數(shù)添加數(shù)據(jù)到數(shù)據(jù)庫(kù)的方法
這篇文章主要介紹了微信小程序云函數(shù)添加數(shù)據(jù)到數(shù)據(jù)庫(kù)的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
這篇文章主要介紹了TypeScript類型聲明書寫詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08