在今天的开发中,突然被测试抛出来一个 八阿哥~
说是项目在 IE 中打不开,然而在其他浏览器中跑的非常6
打开百度,一顿搜索,发现最终是 es6 的问题
在其他浏览器中,支持的很好,尽管你的es6代码没有编译成低版本的代码
在其中运行也是没有问题
但是在 IE 中,确实不行了
继续一顿百度,总结下本次兼容处理的路:
你需要走两步:
1、使用 polyfill
安装:npm install --save babel-polyfill 注意,这是一个库,需要 安装到 dependencies ,而不是 devDependencies
使用:网络上有三种方式,任选其一就行了
1、在 main.js 中使用, 在该文件 最最最最最上面 import "babel-polyfill" 即可,require 也行
2、使用 CDN
3、在 webpack.base.conf 中 修改项目的 entry ,不过一定要把 babel-polyfill 放在最前面
2、使用 bable
安装:babel-preset-es2015
使用:在根目录建立 .babelrc 文件,在里面加入以下代码
{
"presets": [
"es2015"
],
"plugins": []
}
重启项目,查看你的结果吧