詳解webpack3編譯兼容IE8的正確姿勢
更新時間：2017年12月21日 09:40:42 作者：樓教主
這篇文章主要介紹了詳解webpack3編譯兼容IE8的正確姿勢，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
上一篇中的方法在 webpack 更新后，uglify 緩存地址也發(fā)生了變化，需要重新找地址。
后來測試發(fā)現(xiàn)不論是 uglify-js2 uglify-js3 都是支持 IE8 兼容處理的。
但在 webpack.optimize.UglifyJsPlugin 中加配置參數(shù)卻無效。(webpack 的鍋)
總不能每次都手動去找 webpack 緩存路徑進行劫持吧，那要瘋了。
UglifyjsWebpackPlugin
關鍵點依然在于UglifyjsWebpackPlugin 插件，但并不是內置的 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 版本都支持。
小結
這一發(fā)現(xiàn)是同事發(fā)現(xiàn) uglify-js3 中也支持 ie8 兼容處理。
然后我重新去測試了幾遍，順便翻了webpack 官網(wǎng)插件 后驗證可行性。
否則我可能還會繼續(xù)使用之前那個繁瑣的方式。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
在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進制轉8進制與取除數(shù)及余數(shù)
這篇文章主要介紹了js使用棧來實現(xiàn)10進制轉8進制、js取除數(shù)、余數(shù),需要的朋友可以參考下2014-06-06
這篇文章主要給大家介紹了關于JavaScript中分號的一些細節(jié)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
下面小編就為大家?guī)硪黄狧TML Table 空白單元格補全的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了javascript sort排序的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
本文主要為大家介紹了微信小程序中常用的幾個表單組件的使用方法，例如：button、CheckBox、input、form等，感興趣的可以了解一下2022-03-03
JS關鍵字變色詳細很多朋友都很想實現(xiàn)吧接下來將執(zhí)行以下幾個步驟：1.替換關鍵字，對字體變色2.用正則，CSS背景變色;該方法可結合前臺JS調用，感興趣的朋友可以參考下，希望可以幫助到你2013-02-02
JavaScript 5 新增 Array 方法實現(xiàn)介紹
JavaScript 5 發(fā)布有一段時間了，Array 對象新增了很多方法。但在老版本的瀏覽器上還不能使用，得益于 JavaScript 的動態(tài)可擴展性，我實現(xiàn)了這些方法，在此曬出來與君共勉2012-02-02
輕松玩轉BootstrapTable（后端使用SpringMVC+Hibernate）
這篇文章主要和大家輕松玩轉BootstrapTable，后端使用SpringMVC+Hibernate，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09