build-storybook does not respect webpack.config.js

Describe the bug I turned off minification in my webpack.config.js, which works for start-storybook. For build-storybook however, this override is not respected.

To Reproduce Steps to reproduce the behavior:

1. Create a basic webpack.config.js, set the following:

optimization: {
  minimize: false,
},

1. Run start-storybook, go to browser, inspect element
2. Go to sources, check the files, they are transpiled but not minified
3. Run build-storybook, go into the storybook-static folder, open index.html, check sources, they are minified 😦

Expected behavior Non-minified output files after running build-storybook

On a sidenote I am a bit confused why the option is called minimize and not uglify or minify.

[brianzinn]

I think that you need to update the config that is passed in. So, your first line should be: module.exports = async ({ config, mode }) => { . and then you can update the config object (ie: config.optimization = ...). The optional mode param let’s you know if it’s dev/prod.

[ndelangen]

@brianzinn is correct.