在最近一段时间的工作中,出现了多次,webKit内核可以加载,但是IE内核无法加载的情况。
深入研究并解决后,却发现他们基本上都是一类问题。
解决方法:
1、在main.js中,引入babel-polyfill
import 'babel-polyfill';
2、在bable-loader中,加入报错的模块
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'),
resolve('node_modules/webpack-dev-server/client'),
resolve('node_modules/@cityworks/cw3d-cm')]
},
include 表示哪些目录中的 .js 文件需要进行 babel-loader
exclude 表示哪些目录中的 .js 文件不要进行 babel-loader
3、修改.babelrc
{
"presets": [
["env", {
"modules": false,
"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"]
}
}
}
.babelrc配置参考链接:https://excaliburhan.com/post/babel-preset-and-plugins.html