Fix usage of the MiniCssExtractPlugin

terrestris · Apr 14, 2022 · f60c7d9 · f60c7d9
1 parent fbc50c0
commit f60c7d9
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/webpack.common.js b/webpack.common.js
@@ -25,16 +25,11 @@ module.exports = {
       {
         test: /\.less|\.css$/,
         use: [
+          MiniCssExtractPlugin.loader,
           {
-            // Creates style nodes from JS strings
-            loader: 'style-loader'
-          },
-          {
-            // Translates CSS into CommonJS
             loader: 'css-loader'
           },
           {
-            // Compiles Less to CSS
             loader: 'less-loader',
             options: {
               lessOptions: {
@@ -71,6 +66,8 @@ module.exports = {
         removeComments: true
       }
     }),
-    new MiniCssExtractPlugin()
+    new MiniCssExtractPlugin({
+      filename: '[name].[contenthash].css'
+    })
   ]
 };