require.context 中的 webpack 加载程序选项

Question

我正在使用require.context将所有 svg 图标导入为这样的反应组件

const req = require.context('@svgr/webpack!./library', true, /\.svg$/)

我希望能够像在 webpack 配置中一样配置加载程序

{
      test: /\.svg$/,
      use: [{loader: '@svgr/webpack', options: {icon: true, svgo: true}}],
}

这在require.context中可能吗？

Answer 1

从webpack 文档：

可以使用查询参数传递选项，例如 ?key=value&foo=bar，或 JSON object，例如 ?{"key":"value","foo":"bar"}。

试试这个（未测试）：

const req = require.context('@svgr/webpack?icon&svgo!./library', true, /\.svg$/)