React×storybookでSVGをimportできるようにする

StorybookのWebpack Configで以下の設定を追加

code: main.js

config.resolve.extensions.push('.svg')

config.module.rules = config.module.rules.map(data => {

if (/svg\|/.test( String(data.test)))

data.test = /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani)(\?.*)?$/

return data

})

config.module.rules.push({

test: /\.svg$/,

});