Vue2+Webpack+ES6 兼容低版本浏览器（IE）

最新推荐文章于 2023-10-27 11:51:12 发布

Sun_Gem

最新推荐文章于 2023-10-27 11:51:12 发布

阅读量679

点赞数 1

文章标签： webpack es6 javascript

本文链接：https://blog.csdn.net/weixin_48398799/article/details/128081093

版权

1.安装 “babel-polyfill”

1.1命令：npm install --save-dev babel-polyfill

1.2在入口main.js文件引入：import ‘babel-polyfill’

1.3在build文件夹下找到webpack.base.conf.js.修改入口方式：

 entry: {

   app: ["babel-polyfill", "./src/main.js"]

 }

2.依赖一个插件解决ES6/ES7高级语法兼容

2.1 npm install --save-dev babel-preset-es2015-ie

2.2 如果根目录下缺少文件.babelrc，新建一个，如下：

{
   "presets": [
          ["env", {
               "modules": false,
                "targets": {
                      "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
                     }
          }],
         "stage-2"
   ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
       "presets": ["env", "stage-2"],
       "plugins": ["istanbul"]
     }
   }
}