“类型：模块” - 未捕获的 ReferenceError：需要未定义

Question

我决定将我的 webpack 5 + babel 项目从 require 迁移到 es6 模块。 我在 package.json 中添加了“type：module”并更改了所有需要在我的 js 文件中导入

代码在生产中成功构建。 但是，在开发模式下，我收到浏览器错误“Uncaught ReferenceError: require is not defined”，因为我排除了 node_modules 以进行快速构建。

如何解决这个问题呢？

Answer 1

浏览器环境没有 NodeJS 的require 。 而后者不能真正使用require ，无论如何，ESM模块。 您从捆绑中排除node_modules/行为意味着这些模块实际上并不存在于您的构建中，因此无法在浏览器中使用。

为了优化node_modules/中外部模块的使用，您可以查看缓存组。 默认情况下，Webpack 5 应该已经有一个供应商块，其中所有的node_modules/被捆绑到一个块中，例如一个单独的导出文件。 这已经尽可能地优化了外部包，因为它可以在构建之间缓存（对于处于监视模式的 Webpack，即）。