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 官網外掛 後驗證可行性。

相關推薦：

有關相容ie8的文章建議10篇

javascript關於checkbox/radio onchange不能相容ie8的處理辦法

bootstrap3 相容IE8瀏覽器！ _javascript技巧

以上是webpack3編譯相容IE8實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章！