node.js - 我可以用作 webpack 配置的 es-modules 吗？

Question

我正在使用 Node 13.4.0。使用 es 模块(通过 .mjs 扩展)。

使用 webpack 配置文件作为 es 模块崩溃:

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /path-to-config-dir/webpack.config.mjs

最简单的es模块 webpack.config.mjs :

export default {};

webpack 是否支持配置文件的 es-modules？我找不到很多关于该主题的信息。我发现了这个(2019 年 6 月关闭的问题):

https://github.com/webpack/webpack/pull/9226

所以我想知道关于 mjs 的 webpack 配置文件的状态。任何人都可以指出我的一些文件吗？

Answer 1

我正在使用 Node v14.16.0 和 Webpack 5.37.0。虽然没有记录，但名为 webpack.config.mjs 的配置文件似乎被自动拾取，并被解释为一个模块。
不过有一些注意事项:

import { Something } from 'webpack'不起作用。改用这个:

  import webpack from 'webpack'
  const { Something } = webpack

__dirname在 Webpack 配置中经常使用，但在模块中不可用。把它带回来:

  import path from 'path'
  const __dirname = path.dirname(new URL(import.meta.url).pathname)