vue 解决IE9、360页面显示为空

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 添加


二、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

你可能感兴趣的:(vue 解决IE9、360页面显示为空)