詳解webpack3編譯兼容IE8的正確姿勢(shì)
上一篇中的方法在 webpack 更新后，uglify 緩存地址也發(fā)生了變化，需要重新找地址。
后來測(cè)試發(fā)現(xiàn)不論是 uglify-js2 uglify-js3 都是支持 IE8 兼容處理的。
但在 webpack.optimize.UglifyJsPlugin 中加配置參數(shù)卻無效。(webpack 的鍋)
總不能每次都手動(dòng)去找 webpack 緩存路徑進(jìn)行劫持吧，那要瘋了。
UglifyjsWebpackPlugin
關(guān)鍵點(diǎn)依然在于UglifyjsWebpackPlugin 插件，但并不是內(nèi)置的 webpack.optimize.UglifyJsPlugin 插件。
$ npm i -D uglifyjs-webpack-plugin
單獨(dú)安裝這個(gè)插件后使用即可。
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
entry: './app.js',
output: {
filename: 'bundle.js',
},
plugins: [
new UglifyJsPlugin({
uglifyOptions: {
ie8: true,
},
}),
],
};
是不是覺得返璞歸真了。
ps: webpack 2 3 版本都支持。
小結(jié)
這一發(fā)現(xiàn)是同事發(fā)現(xiàn) uglify-js3 中也支持 ie8 兼容處理。
然后我重新去測(cè)試了幾遍，順便翻了webpack 官網(wǎng)插件 后驗(yàn)證可行性。
否則我可能還會(huì)繼續(xù)使用之前那個(gè)繁瑣的方式。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
在javascript前端開發(fā)中js函數(shù)問題經(jīng)常會(huì)被討論，這個(gè)問題仁者見仁智者見智，下面通過示例代碼給大家介紹js五大常見函數(shù)，感興趣的朋友一起看看吧2018-03-03
javascript刪除數(shù)組元素并且數(shù)組長(zhǎng)度減小的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)javascript刪除數(shù)組元素并且數(shù)組長(zhǎng)度減小的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
下面小編就為大家?guī)硪黄猨avascript url幾種編碼方式詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
firefox下javascript實(shí)現(xiàn)高亮關(guān)鍵詞的方法
“點(diǎn)睛”的廣告代碼，很牛B，本想從中找出在FireFox下如何實(shí)現(xiàn)findText及pasteHTML類似效果的，我看了大半天，楞是沒有看出個(gè)所以然來！還是自己慢慢研究吧。2007-07-07
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。本文給大家介紹路徑分頁(yè)標(biāo)簽與徽章組件，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
微信小程序報(bào)錯(cuò):does?not?have?a?method?"xxxx"?to?ha
這篇文章主要給大家介紹了關(guān)于微信小程序報(bào)錯(cuò):does?not?have?a?method?"xxxx"?to?handle?event?"tap"的解決方案,文中將解決的辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
JS前端認(rèn)證授權(quán)技巧歸納總結(jié)
這篇文章主要為大家介紹了JS前端認(rèn)證授權(quán)技巧歸納總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
今天小編就為大家分享一篇關(guān)于js的各種數(shù)據(jù)類型判斷的介紹，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
JS版獲取字符串真實(shí)長(zhǎng)度和取固定長(zhǎng)度的字符串函數(shù)
JS版獲取字符串真實(shí)長(zhǎng)度和取固定長(zhǎng)度的字符串函數(shù)...2007-04-04
Moment.js實(shí)現(xiàn)多個(gè)同時(shí)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了Moment.js實(shí)現(xiàn)多個(gè)同時(shí)倒計(jì)時(shí)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08