詳解webpack3編譯兼容IE8的正確姿勢
上一篇中的方法在 webpack 更新后,uglify 緩存地址也發(fā)生了變化,需要重新找地址。
后來測試發(fā)現(xiàn)不論是 uglify-js2 uglify-js3 都是支持 IE8 兼容處理的。
但在 webpack.optimize.UglifyJsPlugin 中加配置參數(shù)卻無效。(webpack 的鍋)
總不能每次都手動去找 webpack 緩存路徑進(jìn)行劫持吧,那要瘋了。
UglifyjsWebpackPlugin
關(guān)鍵點依然在于UglifyjsWebpackPlugin 插件,但并不是內(nèi)置的 webpack.optimize.UglifyJsPlugin 插件。
$ npm i -D uglifyjs-webpack-plugin
單獨安裝這個插件后使用即可。
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中使用inline函數(shù)的問題
在JavaScript中使用inline函數(shù)的問題...2007-03-03
event.currentTarget與event.target的區(qū)別介紹
event.currentTarget與event.target的區(qū)別想大家在使用的時候不是很在意,本文以測試代碼來講解它門之間的不同2012-12-12
js使用棧來實現(xiàn)10進(jìn)制轉(zhuǎn)8進(jìn)制與取除數(shù)及余數(shù)
這篇文章主要介紹了js使用棧來實現(xiàn)10進(jìn)制轉(zhuǎn)8進(jìn)制、js取除數(shù)、余數(shù),需要的朋友可以參考下2014-06-06
JavaScript 5 新增 Array 方法實現(xiàn)介紹
輕松玩轉(zhuǎn)BootstrapTable(后端使用SpringMVC+Hibernate)

