我正在使用Storybook文档,但无法从资产文件夹加载图像。正如文档所述:“如果您正在使用自定义Webpack配置,则需要将file-loader添加到您的自定义Webpack配置中”-而我的webpack.config文件如下:
const path = require('path');
module.exports = ({ config }) => {
config.module.rules.push({
test: /\.scss$/,
use: ['style-loader', 'css-loader', 'sass-loader']
});
config.module.rules.push({
test: /\.(ts|tsx)$/,
use: [
{
loader: require.resolve('awesome-typescript-loader'),
},
],
});
config.module.rules.push({
test: /\.(svg|png|jpe?g|gif)$/i,
use: [
{
loader: 'file-loader',
},
]
},);
config.resolve.extensions.push('.ts', '.tsx')
return config;
};
package.json:
"react": "^16.10.1",
"react-dom": "^16.10.1",
"typescript": "^3.6.3",
"@storybook/react": "^5.2.1",
"@types/storybook__react": "^4.0.2",
"file-loader": "^4.2.0"
看起来好像storybook的文档缺少了一些内容,或者我做错了什么:? 谢谢能够帮助我解决这个问题的人。^_^