use hash at css (again)

src/components/node/ImageSwitcher/styles.scss

@@ -14,6 +14,11 @@
   border-radius: 24px;
   padding: 0 3px;
   flex-wrap: wrap;
+  transition: background-color 0.5s;
+
+  &:hover {
+    background: transparentize(black, 0.2);
+  }
 
   & > div {
     width: 30px;

webpack.config.js

@@ -56,7 +56,12 @@ module.exports = () => {
           use: [
             isDevelopment
               ? { loader: 'style-loader' }
-              : { loader: MiniCssExtractPlugin.loader, options: { filename: '[name].[contenthash].css' } },
+              : {
+                loader: MiniCssExtractPlugin.loader({
+                  filename: '[name].[contenthash].css',
+                  chunkFilename: '[id].css',
+                }),
+              },
             // { loader: isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader },
             // { loader: 'css-loader' },
             {