- Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而可以在现有环境执行,所以我们可以用ES6编写,而不用考虑环境支持的问题;
有些浏览器版本的发布早于ES6的定稿和发布,因此如果在编程中使用了ES6的新特性,而浏览器没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器就会无法识别ES6代码,例如IE9根本看不懂代码写的let和const是什么东西?只能选择报错,这就是浏览器对ES6的兼容性问题;
1,安装 babel-polyfill
cnpm install babel-polyfill -S
因为 polyfill 要在编译你的代码之前执行,所以要安装成 dependency (生产环境)而不是 devDependency(开发环境)
2,在 webpack.base.conf.js 中配置
entry: {
app: ["babel-polyfill", "./src/main.js"]
},
3,在main.js 中引入babel-polyfill
import "babel-polyfill"