Vue2+Webpack+ES6 兼容低版本浏览器,IE9解决方案

Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案

解决方式:安装 "babel-polyfill" 即可。

命令:npm install --save-dev babel-polyfill

在入口main.js文件引入:import 'babel-polyfill'

最后一步,在build文件夹下找到webpack.base.conf.js.修改入口方式:

entry: {

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

}

最后,再依赖一个插件解决ES6/ES7高级语法兼容

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

如果根目录下缺少文件.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"]

}

}

}

原文:https://blog.csdn.net/winter__is__coming/article/details/79947361