Feat: Extract CSS when bundling

[jackw]

Which areas does this feature request relate to

• Create Plugin
• Sign Plugin
• Plugin E2E
• Plugin Meta Extractor
• Documentation

Problem

Imported CSS files end up inlined in the JS bundles. This isn't an issue during development however for production builds this bloats the JS not only with CSS but also with the CSS source-map. There is also a security warning in the webpack docs related to using style-loader in production.

Solution

Use the mini-css-extract plugin to extract the imported css into .css files.

Alternatives

No response

Additional context

• https://webpack.js.org/loaders/style-loader/#recommend
• https://survivejs.com/books/webpack/styling/separating-css/#setting-up-minicssextractplugin

Are you interested in contributing the solution?

• Yes
• No