Improve css module support

- Add readable identifiers
- Export as camel case

.erb/configs/webpack.config.renderer.dev.ts

@@ -67,7 +67,10 @@ const configuration: webpack.Configuration = {
           {
             loader: 'css-loader',
             options: {
-              modules: true,
+              modules: {
+                localIdentName: '[name]__[local]--[hash:base64:5]',
+                exportLocalsConvention: 'camelCaseOnly',
+              },
               sourceMap: true,
               importLoaders: 1,
             },

.erb/configs/webpack.config.renderer.prod.ts

@@ -54,7 +54,10 @@ const configuration: webpack.Configuration = {
           {
             loader: 'css-loader',
             options: {
-              modules: true,
+              modules: {
+                localIdentName: '[name]__[local]--[hash:base64:5]',
+                exportLocalsConvention: 'camelCaseOnly',
+              },
               sourceMap: true,
               importLoaders: 1,
             },

.erb/configs/webpack.config.renderer.web.ts

@@ -49,7 +49,10 @@ const configuration: webpack.Configuration = {
           {
             loader: 'css-loader',
             options: {
-              modules: true,
+              modules: {
+                localIdentName: '[name]__[local]--[hash:base64:5]',
+                exportLocalsConvention: 'camelCaseOnly',
+              },
               sourceMap: true,
               importLoaders: 1,
             },