Babel 不使用 Laravel Mix 轉譯 node_modules

Question

我正在嘗試在我的應用程序中啟用對 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')

這是一個類似的問題，但答案還沒有幫助我。 這是另一個類似的問題，但沒有答案。

這是我的.babelrc ：

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

我究竟做錯了什么？ 為什么依賴項不也被轉譯？

Answer 1

使用以下mix.dump()檢查您的配置： mix.dump() ;

b/c 你的規則和測試看起來不錯（在不同的場景中對我有用並為我工作）。

我會嘗試mix.babelConfig(<your config>) - 對我來說似乎更明確