詳解webpack3編譯兼容IE8的正確姿勢
上一篇中的方法在 webpack 更新后,uglify 緩存地址也發(fā)生了變化,需要重新找地址。
后來測試發(fā)現(xiàn)不論是 uglify-js2 uglify-js3 都是支持 IE8 兼容處理的。
但在 webpack.optimize.UglifyJsPlugin 中加配置參數(shù)卻無效。(webpack 的鍋)
總不能每次都手動去找 webpack 緩存路徑進(jìn)行劫持吧,那要瘋了。
UglifyjsWebpackPlugin
關(guān)鍵點(diǎn)依然在于UglifyjsWebpackPlugin 插件,但并不是內(nèi)置的 webpack.optimize.UglifyJsPlugin 插件。
$ npm i -D uglifyjs-webpack-plugin
單獨(dú)安裝這個插件后使用即可。
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 兼容處理。
然后我重新去測試了幾遍,順便翻了webpack 官網(wǎng)插件 后驗證可行性。
否則我可能還會繼續(xù)使用之前那個繁瑣的方式。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript刪除數(shù)組元素并且數(shù)組長度減小的簡單實例
本篇文章主要是對javascript刪除數(shù)組元素并且數(shù)組長度減小的簡單實例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02
firefox下javascript實現(xiàn)高亮關(guān)鍵詞的方法
“點(diǎn)睛”的廣告代碼,很牛B,本想從中找出在FireFox下如何實現(xiàn)findText及pasteHTML類似效果的,我看了大半天,楞是沒有看出個所以然來!還是自己慢慢研究吧。2007-07-07
微信小程序報錯:does?not?have?a?method?"xxxx"?to?ha
這篇文章主要給大家介紹了關(guān)于微信小程序報錯: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

