Core-JS 3 Babel 導致 mini-css-extract-plugin 錯誤

Question

從這個問題開始，我已經設置了我的 Webpack 4 配置來像這樣處理babel-loader

{
  module : {
    rules : [{
      test : /\.js$/,
      // Some module should not be transpiled by Babel
      // See https://github.com/zloirock/core-js/issues/743#issuecomment-572074215
      exclude: ['/node_modules/', /\bcore-js\b/, /\bwebpack\/buildin\b/, /@babel\/runtime-corejs3/],
      loader : "babel-loader",
      options : {
        babelrc : false,
        // Fixes "TypeError: __webpack_require__(...) is not a function"
        // https://github.com/webpack/webpack/issues/9379#issuecomment-509628205
        // https://babeljs.io/docs/en/options#sourcetype
        sourceType : "unambiguous",
        presets : [
          ["@babel/preset-env", {
            // Webpack supports ES Modules out of the box and therefore doesn’t require
            // import/export to be transpiled resulting in smaller builds, and better tree
            // shaking. See https://webpack.js.org/guides/tree-shaking/#conclusion
            modules : false,
            // Adds specific imports for polyfills when they are used in each file.
            // Take advantage of the fact that a bundler will load the polyfill only once.
            useBuiltIns : "usage",
            corejs : {
              version : "3",
              proposals : true
            }
          }]
        ]
      }
    }
  }
}

當我在瀏覽器中運行它時，我得到了這個我不明白的錯誤：

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
TypeError: Cannot convert undefined or null to object

解決方法是什么？ 在這個問題之后，我到處搜索開始import 'core-js的代碼，但在任何地方都看不到它，所以已經走到了死胡同。

Answer 1

我遇到了類似的問題，原因是 Babel 正在編譯我的 css-loader webpack 插件。 看這里： MiniCssExtractPlugin error on entry point build