diff options
| -rw-r--r-- | .storybook/main.js | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/.storybook/main.js b/.storybook/main.js index 6cc777d..05aa578 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -13,6 +13,16 @@ const storybookConfig = { builder: 'webpack5', }, webpackFinal: async (config) => { + // Use SVGR for SVG files. See: https://medium.com/@derek_19900/config-storybook-4-to-use-svgr-webpack-plugin-22cb1152f004 + const rules = config.module.rules; + const fileLoaderRule = rules.find((rule) => rule.test.test('.svg')); + fileLoaderRule.exclude = /\.svg$/; + rules.push({ + test: /\.svg$/, + use: [{ loader: '@svgr/webpack', options: { dimensions: false } }], + }); + + // Set modules aliases. config.resolve.alias = { ...config.resolve.alias, '@i18n': path.resolve(__dirname, '../src/i18n'), |