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

巴特西

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

最新文章

热门文章