詳細解讀webpack3編譯相容IE8（詳細教學）

這篇文章主要介紹了詳解webpack3編譯相容IE8的正確姿勢，現在分享給大家，也給大家做個參考。

上一篇的方法在 webpack 更新後，uglify 快取位址也發生了變化，需要重新找位址。

後來測試發現不論是 uglify-js2 uglify-js3 都是支援 IE8 相容處理的。

但在 webpack.optimize.UglifyJsPlugin 中加設定參數卻無效。 (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 版本都支援。

小結

這項發現是同事發現 uglify-js3 中也支援 ie8 相容處理。

然後我重新去測試了幾遍，順便翻了webpack 官網外掛 後驗證可行性。

否則我可能還會繼續使用之前那個繁瑣的方式。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

使用js如何實作從新賦值

#使用nodejs如何操作mongodb的填刪改查模組

#在JS如何實作驗證碼倒數

使用socket.io如何實作聊天室

在AngularJS中如何實現拖曳功能

在js中如何實現行動端手指滑動輪播圖

使用JS如何實現文字無縫捲動

使用Node層如何實作multipart表單檔案上傳

#使用React如何封裝Portal可重複使用元件

#在node中中間服務層如何傳送請求（詳細教學）

#

以上是詳細解讀webpack3編譯相容IE8（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！