webpack - 为什么我只能在 webpack 5 中导入生产构建的文件？

Question

我在使用Webpackand的开发和生产环境之间遇到问题babel-loader。

如果我设置process.env.NODE_ENV = "development"了，那么这会通知 Webpack 使用mode: "development". 在这种模式下，我在最终app.js文件中获得的捆绑代码与使用process.env.NODE_ENV = "production".

在production模式下，app.js文件会正确构建，然后我可以将其导入到我的server.js文件中，如下所示：

const serverApp = require('../dist/server/app.js').default;

但是，内置development模式的相同文件会出现此错误：

var serverApp = require("../dist/server/app.js").default;

                                         ^ 

TypeError：无法读取未定义的属性“默认”

如果我打开app.js在模式下创建的文件development，它看起来与production版本有很大不同。但是因为它的所有捆绑代码我不知道为什么它是不同的。

我假设 Webpack 在生产和开发之间捆绑不同，但我找不到任何文档来解释不同之处。

标签： webpackwebpack-5