所以我想要的是，將任何.svg檔案作為 React 組件匯入，<SomeIcon />而不是這個，我總是得到要使用的檔案的路徑<img src={pathToIcon} />
我試圖做的是將 webpack 組態檔添加到.storybook檔案夾（或添加webpackFinal到main.js）：
module.exports = ({ config }) => {
config.module.rules.push({
test: /\.svg$/,
exclude: /node_modules/,
include: /assets/,
use: [
{
loader: "@svgr/webpack",
options: {
icon: true,
},
},
// {
// loader: "babel-loader",
// },
// {
// loader: "react-svg-loader",
// options: {
// jsx: true,
// },
// },
],
});
return config;
};
這兩個版本根本不起作用（沒有評論的加載器和評論的加載器），我總是得到.svg喜歡加載器的路徑根本不影響.svgs。
我在這里缺乏想法，找不到任何資訊如何做到這一點。
uj5u.com熱心網友回復：
似乎已經為svg（而不是 olny）定義了加載程式，我在兩周前以某種方式錯過了它，而今天甚至沒有檢查它。
無論如何，洗掉這個config.module.rules讓我的裝載機開始作業（@svgr/webpack）
{
test: /\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/,
type: 'asset/resource',
generator: { filename: 'static/media/[path][name][ext]' }
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/493343.html