fix: change filenames

Author: Uncleseneca

css-loader-config.js

@@ -1,9 +1,9 @@
-const ExtractCssChunks = require('extract-css-chunks-webpack-plugin');
-const findUp = require('find-up');
-const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin');
+const ExtractCssChunks = require('extract-css-chunks-webpack-plugin')
+const findUp = require('find-up')
+const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin')
 
-const fileExtensions = new Set();
-let extractCssInitialized = false;
+const fileExtensions = new Set()
+let extractCssInitialized = false
 
 module.exports = (
   config,
@@ -19,7 +19,7 @@ module.exports = (
 ) => {
   // We have to keep a list of extensions for the splitchunk config
   for (const extension of extensions) {
-    fileExtensions.add(extension);
+    fileExtensions.add(extension)
   }
 
   if (!isServer && config.optimization.splitChunks.cacheGroups) {
@@ -28,58 +28,55 @@ module.exports = (
       test: new RegExp(`\\.+(${[...fileExtensions].join('|')})$`),
       chunks: 'all',
       enforce: true
-    };
+    }
   }
 
   if (!isServer && !extractCssInitialized) {
     config.plugins.push(
       new ExtractCssChunks({
         // Options similar to the same options in webpackOptions.output
         // both options are optional
-        filename: dev
-          ? 'static/chunks/[name].css'
-          : 'static/chunks/[name].[contenthash:8].css',
-        chunkFilename: dev
-          ? 'static/chunks/[name].chunk.css'
-          : 'static/chunks/[name].[contenthash:8].chunk.css',
+        filename: 'static/chunks/[name].[contenthash:8].css',
+        chunkFilename: 'static/chunks/[name].[contenthash:8].chunk.css',
+        orderWarning: true,
         hot: dev
       })
-    );
-    extractCssInitialized = true;
+    )
+    extractCssInitialized = true
   }
 
   if (!dev) {
     if (!Array.isArray(config.optimization.minimizer)) {
-      config.optimization.minimizer = [];
+      config.optimization.minimizer = []
     }
     config.optimization.minimizer.push(
       new OptimizeCssAssetsWebpackPlugin({
         cssProcessorOptions: {
           discardComments: { removeAll: true }
         }
       })
-    );
+    )
   }
 
   const postcssConfig = findUp.sync('postcss.config.js', {
     cwd: config.context
-  });
-  let postcssLoader;
+  })
+  let postcssLoader
 
   if (postcssConfig) {
     // Copy the postcss-loader config options first.
     const postcssOptionsConfig = Object.assign(
       {},
       postcssLoaderOptions.config,
       { path: postcssConfig }
-    );
+    )
 
     postcssLoader = {
       loader: 'postcss-loader',
       options: Object.assign({}, postcssLoaderOptions, {
         config: postcssOptionsConfig
       })
-    };
+    }
   }
 
   const cssLoader = {
@@ -97,16 +94,16 @@ module.exports = (
       },
       cssLoaderOptions
     )
-  };
+  }
 
   // When not using css modules we don't transpile on the server
   if (isServer && !cssLoader.options.modules) {
-    return ['ignore-loader'];
+    return ['ignore-loader']
   }
 
   // When on the server and using css modules we transpile the css
   if (isServer && cssLoader.options.modules) {
-    return [cssLoader, postcssLoader, ...loaders].filter(Boolean);
+    return [cssLoader, postcssLoader, ...loaders].filter(Boolean)
   }
 
   return [
@@ -115,5 +112,5 @@ module.exports = (
     cssLoader,
     postcssLoader,
     ...loaders
-  ].filter(Boolean);
-};
+  ].filter(Boolean)
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-css-unpluggable",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "main": "index.js",
   "license": "MIT",
   "repository": "next-css-unpluggable",