test svg$ use loader svg-sprite-loader options loader svgo-loader options 以上代码如何在react中的craco中书写
在React中使用craco来配置webpack,可以按照以下步骤来书写以上代码:
-
确保已经安装了craco:
npm install @craco/craco
-
在项目根目录下创建一个
craco.config.js
文件。 -
在
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 著作权归作者所有。请勿转载和采集!