Webpack should not minify CSS and JS files when running npm run develop.

[asipple1]

What:
Remove outputStyle: 'compressed' from cssLoader.

Why:
Drupal expects un-minified CSS and right now, we are breaking Drupal coding standards. Drupal can minify, even in separate libraries.

How:
The cmd npm run develop will no longer minify CSS and JS files
the cmd npm run build will minify

To Test:

• Step 1: Run npm run develop verify the CSS and js files are not minified
• Step 2 Run npm run build verify the CSS and js files are minified.

[mark-casias]

but wouldn't we want this to be available when running webpack.prod.js? it uses the same loaders.

[asipple1]

Npm run build uses the webpack.prod.js
Npm run develop uses webpack.dev.js

webpack 4 will automatically minify if the mode is production. If the mode is development the css and js files will not be minified.

[ModulesUnraveled]

I'm curious why we'd want to minify at all then. Our typical build process would run the build command (not develop) and pass those results to drupal. So, if i understand correctly, this change will not minify for active development, but anything pushed to a live site would still be minified before it gets to Drupal. Is that correct?

[thejimbirch]

I can see the need for minified and unminified CSS. Drupal does not want minified files, but Storybook and anything else that would use Storybook could benefit from minified files.