Is that possible to use style-loader and MiniExtractCssPlugin side by side in webpack bundling?

Asked Aug 14 '18 at 15:26

Active Aug 14 '18 at 15:26

Viewed 35 times

I'm currently creating components library with Webpack. I wan't my components library provides:

React components:
It can be used as reusable React components that contain bundled javascript and CSS module
CSS components:
It can be used in plain HTML nevertheless, via importing bundled CSS file

I'm using Webpack as build tools. Is that possible to use style-loader and MiniExtractCssPlugin side by side in webpack bundling? So that I can make every component's style is embeded in javascript bundle, and also providing bundled CSS file. Thanks!

asked Aug 14 '18 at 15:26

Samblekuh

have your tried to use `use: ['style-loader', MiniCss...]`? – PlayMa256 Aug 14 '18 at 15:32
I've tried that, resulting only extracted css (without inline css) – Samblekuh Sep 16 '18 at 11:27
that stops on the minicss then. Split the css rule into two, one with style-loader, and the other one with minicss – PlayMa256 Sep 16 '18 at 13:37

Is that possible to use style-loader and MiniExtractCssPlugin side by side in webpack bundling?

0 Answers0