乐趣区

关于webpack4:webpack4-babel7-配置ie兼容

有一说一, IE 真是让人头大????‍♂️????‍♂️
以下只给出如何配置, 如果想理解更多请查看文末传送门

装置:
npm i @babel/polyfill -S
npm i @babel/preset-env @babel/plugin-transform-runtime -D

// 依据 babel.config.json 中 corejs 2 / 3, 自行抉择装置 @babel/runtime-corejs2 或 @babel/runtime-corejs3
npm i @babel/runtime-corejs3 -D
webpack.config.js
 entry: {main: ['@babel/polyfill', './main.js']
 }
babel.config.json
"presets": ["@babel/preset-env"],
"plugins": [
    [
        "@babel/plugin-transform-runtime",
        {"corejs": 3}
    ] 
]

———————– 顺便说一下 ————————

开发环境下, 在 ie 上可能一片空白, 有以下三种计划

  1. build 后在 ie 上调试 [可行, 但太麻烦了]
  2. devServer inline 设置成 false [可行, 然而 iframe 模式下, HRM 会生效, 须要手动刷新页面]
  3. 升高 devServer 版本到 @2.11.1 [没试过]

再说一遍, IE 真真真是让人头大 ????????????

相干材料转送:
@babel/polyfill
@babel/plugin-transform-runtime
preset-env 与 plugin-transform-runtime 应用及场景区别

退出移动版