Always use MiniCssExtractPlugin.loader to add stylesheets to html

ascholerChemeketa · ascholerChemeketa · commit f70cc218e275 · 2021-07-29T17:13:56.000-07:00
style-loader inserts at a different place in head, changing behavior of style rules in build vs dist
diff --git a/webpack.config.js b/webpack.config.js
@@ -24,7 +24,7 @@ module.exports = (env, argv) => {
             rules: [
                 {
                     test: /\.css$/i,
-                    use: [argv.mode === "development" ? "style-loader" : MiniCssExtractPlugin.loader, "css-loader"],
+                    use: [MiniCssExtractPlugin.loader, "css-loader"],
                 },
                 {
                     test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/i,

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ module.exports = (env, argv) => {`
`24`	`24`	`rules: [`
`25`	`25`	`{`
`26`	`26`	`test: /\.css$/i,`
`27`		`- use: [argv.mode === "development" ? "style-loader" : MiniCssExtractPlugin.loader, "css-loader"],`
	`27`	`+ use: [MiniCssExtractPlugin.loader, "css-loader"],`
`28`	`28`	`},`
`29`	`29`	`{`
`30`	`30`	`test: /\.(png\|jpe?g\|gif\|svg\|eot\|ttf\|woff\|woff2)$/i,`