Chrome：51 版起便可以支持 97% 的 ES6 新特性。
Firefox：53 版起便可以支持 97% 的 ES6 新特性。
Safari：10 版起便可以支持 99% 的 ES6 新特性。
IE：Edge 15可以支持 96% 的 ES6 新特性。Edge 14 可以支持 93% 的 ES6 新特性。（IE7~11 基本不支持 ES6）
一、解决不显示内容
在 index.html 添加
<meta http-equiv="X-UA-Compatible" content="IE=edge">
二、babel-polyfill —— 针对ES6的兼容性问题，ES6语法转换成ES5
1、安装babel-polyfill
npm install --save-dev babel-polyfill
2、在入口文件main.js导入
import 'babel-polyfill'
3、在 webpack 的 build/webpack.base.config.js 配置文件中修改
module.exports = {
entry: {
main: ['babel-polyfill','@/main'],
'vender-base': '@/vendors/vendors.base.js',
'vender-exten': '@/vendors/vendors.exten.js'
},
...
}
替换掉
module.exports = {
entry: {
main: '@/main',
'vender-base': '@/vendors/vendors.base.js',
'vender-exten': '@/vendors/vendors.exten.js'
},
...
}
三、解决ES6/ES7高级语法兼容 babel-preset-es2015-ie
npm install --save-dev babel-preset-es2015-ie
