reactivated css extract plugin for dev webpack as we want styles available event without js enabled

build/webpack.config.dev.js

@@ -13,18 +13,20 @@ module.exports = merge(baseConfig, {
       {
         test: /\.css$/,
         use: [
-          process.env.NODE_ENV !== 'production'
-            ? 'vue-style-loader'
-            : MiniCssExtractPlugin.loader,
+          // process.env.NODE_ENV !== 'production'
+          //   ? 'vue-style-loader'
+          //   : MiniCssExtractPlugin.loader,
+          MiniCssExtractPlugin.loader,
           // 'vue-style-loader',
           'css-loader'
         ]
       }, {
         test: /\.scss$/,
         use: [
-          process.env.NODE_ENV !== 'production'
-            ? 'vue-style-loader'
-            : MiniCssExtractPlugin.loader,
+          // process.env.NODE_ENV !== 'production'
+          //   ? 'vue-style-loader'
+          //   : MiniCssExtractPlugin.loader,
+          MiniCssExtractPlugin.loader,
           // 'vue-style-loader',
           'css-loader',
           'sass-loader'

web/themes/custom/materiotheme/materiotheme.libraries.yml

@@ -4,7 +4,7 @@ global-css:
     theme:
       assets/fonts/ubuntu/ubuntu.css: {}
       assets/styles/mdi/css/materialdesignicons.min.css: {}
-      # assets/dist/main.css: {}
+      assets/dist/main.css: {}
 
 global-js:
   version: VERSION