目前Vue2.0开发以经不支持IE8和IE8一下的版本了。在项目里面我们要想在IE浏览器里面打开项目,需求使用babel-polyfill工具,这个是专门用来转码的。
Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而可以在现有环境执行,所以我们可以用ES6编写,而不用考虑环境支持的问题。
有些浏览器版本的发布早于ES6的定稿和发布,因此如果在编程中使用了ES6的新特性,而浏览器没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器就会无法识别ES6代码,例如IE9根本看不懂代码写的let和const是什么东西?只能选择报错,这就是浏览器对ES6的兼容性问题;
为了完整使用 ES6 的 API ,我们可以使用 babel-polyfill 这个插件:
1,安装babel-polyfill 这个插件
npm install --save-dev babel-polyfill
2,在main.js里面引入
// 360 浏览器兼容问题
import 'babel-polyfill'
3,在webpack.base.conf里面修改entry
entry: {
app:['babel-polyfill','./src/main.js']
},
4,重新启动项目运行。