堆栈内存溢出
  繁体   English   中英

在 webpack.config.js 中导入库的推荐方法是什么？

[英]What's the recommended way to import libraries inside webpack.config.js?

 Sergei Basharov  2021-01-25 19:40:10  46   1    javascript/ webpack

问题描述

我总是在webpack.config.js中使用require调用来为我的构建工作流导入库。 但是，最近我在一个使用import的项目上工作。

一般来说，它工作正常，但似乎一些导入webpack.config.js的支持工具在其中使用导入时无法import它并出现错误：

不能在模块外使用import语句。

作为试用，我将配置更改为通过 babel 运行，它可以工作，但对我来说，使用旧的require和官方文档仍然可以使用它。

我应该回滚import以避免警告，或者如果我通过 babel 传递它并重命名为webpack.config.babel.js ，我可以毫无问题地使用它们？

1 条回复

1楼
 Sergei Basharov  0  2021-01-26 10:57:55

经过一番研究，我找到了一个解决方案 - 在将 webpack 配置传递给我使用的库（eslint-import-resolver-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',
    },
  }

问题未解决？试试以下方法：

在 webpack.config.js 中导入库的推荐方法是什么？

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Webpack.config.js配置 设置 webpack.config.js 以运行 firebase admin sdk 的正确方法是什么 在webpack.config.js中使用最小化javascript的正确方法 webpack.config.js文件中的mode参数有什么作用？ 需要什么（'路径'）; 在Webpack.config.js中意味着什么？ webpack.config.js 中 module.exports 的目标是什么？ Node Polyfills 和 webpack.config.js 的问题 webpack.config.js 和 Webpack.mix.js 有什么区别？ 在webpack.config.js中使用Promise的结果 Webpack：从 webpack.config.js 到 webpack.dev.js
相关标签
 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM