css hashing

src/components/node/NodePanel/styles.scss

@@ -1,5 +1,4 @@
 .wrap {
-  // background: $node_title_background;
   background: $node_bg;
   padding: $gap;
   box-sizing: border-box;
@@ -7,9 +6,9 @@
   align-items: center;
   justify-content: stretch;
   border-radius: $radius $radius 0 0;
-  //box-shadow: transparentize(white, 0.97) 0 1px, inset transparentize(white, 0.97) 0 1px;
   position: relative;
   margin-top: -$radius;
+  z-index: 3;
 }
 
 .title {
@@ -49,8 +48,12 @@
   & > * {
     margin: 0 $gap;
 
-    &:first-child { margin-left: 0; }
-    &:last-child { margin-right: 0; }
+    &:first-child {
+      margin-left: 0;
+    }
+    &:last-child {
+      margin-right: 0;
+    }
   }
   //height: 54px;
   //border-radius: $radius $radius 0 0;

webpack.config.js

@@ -16,7 +16,7 @@ const htmlPlugin = new HtmlWebPackPlugin({
 
 const miniCssExractPlugin = new MiniCssExtractPlugin({
   filename: '[name].css',
-  chunkFilename: '[id].css'
+  chunkFilename: '[id].css',
 });
 
 const isDevelopment = process.env.NODE_ENV !== 'production';
@@ -54,7 +54,10 @@ module.exports = () => {
         {
           test: /\.less$/,
           use: [
-            { loader: isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader },
+            isDevelopment
+              ? { loader: 'style-loader' }
+              : { loader: MiniCssExtractPlugin.loader, options: { filename: '[name].[contenthash].css' } },
+            // { loader: isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader },
             // { loader: 'css-loader' },
             {
               loader: 'css-loader',