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.修改入口方式:e
·
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"]
}
}
}
解决方式:安装 "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"]
}
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)