我的VueJS应用无法在IE11中正确渲染(尽管正在应用polyfills)。
我发现这是由导入到项目中的多个JS文件引起的,这些文件显然没有被babel编译。确实,当我手动转译这些文件(babel-cli)并导入转译的版本时,问题已解决。
但是,这些文件应该自动转译,就像我项目的其余部分一样。
如何解决此问题?
导入示例
import depth from '@/functions/depth'
(“ @”由webpack解析。路径正确)
我的.babelrc文件(最初来自vue webpack boilerplate)
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime"]
}
webpack配置(最初来自vue webpack boilerplate)
module: {
rules: [
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
}, (...)