vue2.0项目在360兼容模式下打开空白

安装两个依赖环境

yarn add babel-polyfill -D

yarn add babel-preset-es2015 babel-cli -D

在main.js中引入babel-polyfill

import 'babel-polyfill'

在webpack.base.conf.js文件中做如下修改

entry:{
    app:['babel-polyfill','./src/main.js']
},

在项目根目录新建.babelrc文件夹，文件内容如下

{

  "presets": [

    "es2015",

    ["env", {

      "targets": {

        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]

      }

    }],

    "stage-2"

  ],

  "plugins": ["transform-vue-jsx", "transform-runtime"],

  "env": {

    "test": {

      "presets": ["env", "stage-2"],

      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]

    }

  }

}

在使用360兼容模式打开，如果问题还没解决看下面

1、在index.html中添加

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

2、在webpack.base.conf.js中添加

static文件里面有我写入的其它js文件

3、文件夹命名不能用汉字