Webpack babel-loader不会转换导入的.js文件

时间:2018-08-25 11:24:28

标签: javascript vue.js webpack babeljs babel-loader

我的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')]
          }, (...)

0 个答案:

没有答案