Change css-loader output to decrease size of output files (#32)

react-ui-org · Mar 9, 2020 · 81cd1f9 · 81cd1f9
1 parent 9abff06
commit 81cd1f9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/webpack.config.demo.js b/webpack.config.demo.js
@@ -2,7 +2,7 @@ const path = require('path');
 const StyleLintPlugin = require('stylelint-webpack-plugin');
 const VisualizerPlugin = require('webpack-visualizer-plugin');
 
-module.exports = [{
+module.exports = (env, argv) => ({
   devServer: {
     contentBase: './demo',
     disableHostCheck: true,
@@ -31,7 +31,9 @@ module.exports = [{
             loader: 'css-loader',
             options: {
               modules: {
-                localIdentName: '[name]__[local]__[hash:base64:5]',
+                localIdentName: argv.mode === 'production'
+                  ? '[hash:base64:8]'
+                  : '[name]__[local]__[hash:base64:8]',
               },
             },
           },
@@ -63,4 +65,4 @@ module.exports = [{
     extensions: ['.js', '.jsx', '.scss'],
     modules: ['src', 'node_modules'],
   },
-}];
+});
diff --git a/webpack.config.lib.js b/webpack.config.lib.js
@@ -2,7 +2,7 @@ const path = require('path');
 const StyleLintPlugin = require('stylelint-webpack-plugin');
 const VisualizerPlugin = require('webpack-visualizer-plugin');
 
-module.exports = [{
+module.exports = (env, argv) => ({
   entry: {
     lib: [
       path.join(__dirname, 'src/lib/index.js'),
@@ -23,7 +23,9 @@ module.exports = [{
             loader: 'css-loader',
             options: {
               modules: {
-                localIdentName: '[name]__[local]__[hash:base64:5]',
+                localIdentName: argv.mode === 'production'
+                  ? '[hash:base64:8]'
+                  : '[name]__[local]__[hash:base64:8]',
               },
             },
           },
@@ -52,4 +54,5 @@ module.exports = [{
     extensions: ['.js', '.jsx', '.scss'],
     modules: ['src/lib', 'node_modules'],
   },
-}];
+});
+