运行 'npm run prod' 导致 "require is not defined"

Question

我正在尝试使用 babel polyfills 启用对 IE 11 的支持。但是在运行npm run prod之后，生成的文件在浏览器中产生如下错误：

Uncaught ReferenceError: require is not defined

这是 app.es5.js 的最开始，因此 require:

"use strict";var _regenerator=_interopRequireDefault(require("@babel/runtime/regenerator"));

看 this Whosebug anser，我的 webpack.mix.js 似乎很准确。这是我的 webpack.mix.js:

mix.js('resources/js/app.js', 'public/js')
    .extract()
    .babel(['public/js/app.js', 'public/js/vendor.js'], 'public/js/app.es5.js')
    .sass('resources/sass/app.scss', 'public/css')
    .sass('resources/sass/pdf.scss', 'public/css')
    .version();

这是我的 .babelrc:

{
  "presets": [
    [
      "@babel/preset-env", {
      "targets": {
        "browsers": ["IE 11, last 2 versions"]
      }
    }
    ]
  ]
}

为什么我会收到此错误消息？

Answer 1

原来是 CKEditor 导致的。注释掉这一行：import ClassicEditor from "@ckeditor/ckeditor5-build-classic"; 解决了它。

您可以阅读有关 the CKEditor build process here 的更多信息。

运行 'npm run prod' 导致 "require is not defined"

Running 'npm run prod' causes "require is not defined"

javascript

babeljs

laravel-mix