在Codesandbox中禁用对SVG导入的特殊处理,可以通过以下步骤实现:
config-overrides.js
的文件。config-overrides.js
文件中,使用以下代码来修改Webpack的配置:module.exports = function override(config, env) {
// 禁用对SVG导入的特殊处理
config.module.rules.find(rule => rule.test && rule.test.toString().includes("svg"))
.exclude = /\.svg$/;
config.module.rules.push({
test: /\.svg$/,
use: ['@svgr/webpack'],
});
return config;
};
config-overrides.js
文件,并返回到Codesandbox的编辑界面。npm install react-app-rewired @svgr/webpack --save-dev
npm start
现在,Codesandbox将不再对SVG导入进行特殊处理,而是将其作为普通的文件导入。你可以按照常规的方式使用SVG文件,并在项目中引用它们。
请注意,以上步骤是基于React或Vue项目的Codesandbox配置。如果你使用的是其他框架或工具,请根据实际情况进行相应的配置调整。
领取专属 10元无门槛券
手把手带您无忧上云