提示:本站收集StackOverFlow近2千万问答，支持中英文搜索，鼠标放在语句上弹窗显示对应的参考中文或英文， 本站还提供 中文繁体 英文版本 中英对照 版本，有任何建议请联系yoyou2525@163.com。
我总是在webpack.config.js使用require调用来为我的构建工作流导入库。 但是，最近我从事了一个使用import的项目。
通常，它工作正常，但似乎一些导入webpack.config.js支持工具无法在其中使用 import 时import它并出现错误：
不能在模块外使用
import语句。
作为试用，我更改了配置以通过 babel 运行并且它起作用了，尽管对我来说看起来我可以只使用旧的require并且官方文档仍在使用它。
我应该回滚import以避免警告，或者如果我通过 babel 传递它并重命名为webpack.config.babel.js我可以毫无问题地使用它们？
经过一番研究，我找到了一个解决方案 - 在将 webpack 配置传递给我使用的无法加载它的库（eslint-import-resolver-webpack）之前，先转换 webpack 配置。
所以，我不直接加载webpack.config.js ，而是通过 babel 转译器：
const webpackConfigTranspiled = babel.transformFileSync(
path.resolve(__dirname, './webpack.config.js'),
).code;
然后将转换后的内容传递给库/工具：
settings: {
'import/resolver': {
webpack: webpackConfigTranspiled,
},
'css-modules': {
basePath: 'src',
},
}
声明：本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.