在React中使用craco来配置webpack,可以按照以下步骤来书写以上代码:

  1. 确保已经安装了craco:npm install @craco/craco

  2. 在项目根目录下创建一个craco.config.js文件。

  3. craco.config.js文件中,使用以下代码来配置svg相关的loader:

module.exports = {
  webpack: {
    configure: (webpackConfig, { env, paths }) => {
      const svgRule = webpackConfig.module.rules.find(rule => rule.test && rule.test.test('.svg'));
      svgRule.exclude = /\.svg$/;

      webpackConfig.module.rules.push({
        test: /\.svg$/,
        use: [
          { loader: 'svg-sprite-loader', options: {} },
          { loader: 'svgo-loader', options: {} },
        ]
      });

      return webpackConfig;
    },
  },
};

这样就完成了在craco中配置svg相关的loader。可以根据自己的需要进行修改和调整

标签: 常规


原文地址: https://cveoy.top/t/topic/iYZN 著作权归作者所有。请勿转载和采集!