安裝兩個依賴環境
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、文件夾命名不能用漢字