Did you know how to exclude plugins from Webpack build?
Let's take Storybook 6 with Webpack as the bundler as an example. If you have a large number of described stories in TypeScript under the hood, you might have encountered slow build times or hangs during the build phase (issue). In such situations, it might be necessary to exclude a specific plugin from the build process
You can find this plugin and its index in the array using the constructor's name: `
because the plugin under the hood is class. Then, you can remove the plugin by index, following the instructions here, or apply a filter and redefine the value in
#FrontendBeer #webpack #storybook #plugins (c) Frontend Beer
Let's take Storybook 6 with Webpack as the bundler as an example. If you have a large number of described stories in TypeScript under the hood, you might have encountered slow build times or hangs during the build phase (issue). In such situations, it might be necessary to exclude a specific plugin from the build process
You can find this plugin and its index in the array using the constructor's name: `
plugin.constructor.name`because the plugin under the hood is class. Then, you can remove the plugin by index, following the instructions here, or apply a filter and redefine the value in
config.plugins
config.plugins = config.plugins.filter(plugin => !(plugin.constructor.name === 'ForkTsCheckerWebpackPlugin'))
#FrontendBeer #webpack #storybook #plugins (c) Frontend Beer