javascript - webpackConfig 上的 ESM 导入

标签 javascript npm webpack config

我正在构建一个 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

最佳答案

至少更新到 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,它也会起作用

关于javascript - webpackConfig 上的 ESM 导入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63083929/

相关文章:

javascript - 使用 Jquery 获取滚动元素

javascript - 在 GET 响应中看不到 JSON 字段( Mongoose )

visual-studio - 打开包含长文件路径的解决方案

wordpress - Roots Sage - Bud 构建不加载自定义字体,并显示 resolve-url-loader 警告

javascript - 如何从 javascript (GPS) 显示 jQuery 移动对话框

javascript - 回调函数似乎在父函数完成之前触发

node.js - 实现yarn进行依赖管理,并运行yarn升级 - 获取生命周期警告并且构建现在失败

javascript - node_modules 中的代码未反射(reflect)在浏览器中

javascript - 不确定为什么 React 无法呈现 <DIV>?

npm - webpack 构建 css 规则与开发中的顺序不同