@@ -30,6 +30,12 @@ const allModules = treeShakableModules.concat(nonTreeShakableModules);
3030
3131module . exports = ( env ) => {
3232 console . log ( `env = ${ JSON . stringify ( env ) } )
33+ const extractCSS = new MiniCssExtractPlugin ( {
34+ // Options similar to the same options in webpackOptions.output
35+ // both options are optional
36+ filename : "[name].css" ,
37+ chunkFilename : "[id].css"
38+ } ) ;
3339 const isDevBuild = ! ( env && env . prod ) ;
3440 const sharedConfig = {
3541 mode : isDevBuild ? "development" : "production" ,
@@ -70,7 +76,10 @@ module.exports = (env) => {
7076 module : {
7177 rules : [ {
7278 test : / \. c s s ( \? | $ ) / ,
73- use : [ 'style-loader' , MiniCssExtractPlugin . loader , isDevBuild ? 'css-loader' : 'css-loader?minimize' ]
79+ use : [
80+ MiniCssExtractPlugin . loader ,
81+ isDevBuild ? 'css-loader' : 'css-loader?minimize'
82+ ]
7483 } ]
7584 } ,
7685 plugins : [
@@ -118,7 +127,10 @@ module.exports = (env) => {
118127 module : {
119128 rules : [ {
120129 test : / \. c s s ( \? | $ ) / ,
121- use : [ 'to-string-loader' , isDevBuild ? 'css-loader' : 'css-loader?minimize' ]
130+ use : [
131+ MiniCssExtractPlugin . loader ,
132+ isDevBuild ? 'css-loader' : 'css-loader?minimize'
133+ ]
122134 } ]
123135 } ,
124136 plugins : [
0 commit comments