Babel 不使用 Laravel Mix 转译 node_modules答案

【问题标题】：Babel not transpiling node_modules using Laravel MixBabel 不使用 Laravel Mix 转译 node_modules
【发布时间】：2019-09-04 19:17:31
【问题描述】：

我正在尝试在我的应用程序中启用对 IE 11 的支持。但是，我的一些依赖项没有将代码转换为 es5。因此，我尝试将其中一个添加到我的规则中，但它仍然没有转换该依赖项。

这就是我包含依赖项的方式，这次是vue2-google-maps。但是运行npm run dev后生成的代码仍然包含Object.entries。

mix.webpackConfig({
    module: {
        rules: [
            {
                test: /node_modules\/(vue2-google-maps)\/.+\.js$/,
                use: [
                    {
                        loader: 'babel-loader',
                        options: mix.config.babel()
                    }
                ]
            }
        ]
    }
});

mix.js('resources/js/app.js', 'public/js')
    .extract()
    .babel(['public/js/manifest.js'], 'public/js/manifest.es5.js')
    .babel(['public/js/vendor.js'], 'public/js/vendor.es5.js')
    .babel(['public/js/app.js'], 'public/js/app.es5.js')

Here is a similar question，但答案还没有帮助我。 Here is another similar question，但是那个没有答案。

这是我的.babelrc：

{
  "presets": [
    [
      "@babel/preset-env", 
      {
        "targets": { "ie": "10" }
      }
    ]
  ]
}

我做错了什么？为什么依赖也没有被转译？

【问题讨论】：

您找到解决方案了吗？我在使用不同的 npm 包时遇到了同样的问题。
不，很遗憾没有。
别担心，我最终没有使用那个 npm 包。

标签： javascript babeljs laravel-mix

【解决方案1】：

检查您的配置：mix.dump();

b/c 你的规则和测试看起来不错（在不同情况下对我很有帮助和工作）。

我会尝试mix.babelConfig(<your config>) - 对我来说似乎更明确

【讨论】：