require.context 中的 webpack 加载器选项

【问题标题】：webpack loader options in require.contextrequire.context 中的 webpack 加载器选项
【发布时间】：2019-10-09 18:11:24
【问题描述】：

我正在使用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 中可能吗？

【问题讨论】：

【解决方案1】：

来自webpack documentation：

选项可以通过查询参数传递，例如?key=value&foo=bar，或 JSON 对象，例如?{"key":"value","foo":"bar"}.

试试这个（未测试）：

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

【讨论】：