vue 项目兼容IE浏览器和360浏览器

vue 项目兼容IE浏览器和360浏览器

vue 项目在IE浏览器和360兼容模式显示空白解决方法

1. 安装 babel-polyfill

  模拟ES2015以上的环境，主要用于对ES6新语法不支持的浏览器.

  安装: npm install babel-polyfill --save-dev

  配置:

    main.js   在最顶部添加,确保全面加载

      import 'babel-polyfill'

    webpack.base.conf.js 中

      app入口添加 "babel-polyfill":

      module.exports = {

        entry: {

          app: ["babel-polyfill", "./src/main.js"]

        }

      }

2. 安装 es6-promise

  解决 ES6 promise 对象兼容问题.

  安装: npm install es6-promise --save-dev

  配置:

    main.js 在'babel-polyfill'后引入,即:

      import 'babel-polyfill'

      import promise from 'es6-promise'

      promise.polyfill()

3. 安装 babel-preset-es20