Vue.js项目中使用 babel-polyfill 解决IE浏览器的兼容问题
- 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"
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！