javascript - webpackConfig 上的 ESM 导入

Question

我正在构建一个 webpack 应用程序，我有兴趣在整个应用程序中使用 ESM，这意味着使用 ESM 导入构建 webpack.config 文件。

我现在可以使用 Babel，但这是在 npm 添加 "type": "module" 现在支持 ESM 导入而不使用 babel 之前......我已经用 Express 尝试过它并且它有效但是使用 Webpack 我得到了这个:

> ...proyectDirectory/node_modules/webpack-cli/bin/cli.js:93

> require() of ES modules is not supported.

所以我想知道是否有一个版本的 webpack-cli 使用 import 而不是 require

Answer 1

至少更新到 webpack-cli 4.5.0。刚刚添加了对 native ESM 配置文件的支持:https://github.com/webpack/webpack-cli/releases/tag/webpack-cli%404.5.0

这意味着如果您在其 package.json 中包含 {"type": "module"} 的目录中使用 webpack.config.js，它将工作。

如果您只是将文件命名为 webpack.config.mjs，它也会起作用