From 42ea5af2eb0ba4c3822b9810f8f73365be527d9d Mon Sep 17 00:00:00 2001 From: jeffvli Date: Sun, 23 Jul 2023 03:49:32 -0700 Subject: [PATCH] Improve css module support - Add readable identifiers - Export as camel case --- .erb/configs/webpack.config.renderer.dev.ts | 5 ++++- .erb/configs/webpack.config.renderer.prod.ts | 5 ++++- .erb/configs/webpack.config.renderer.web.ts | 5 ++++- 3 files changed, 12 insertions(+), 3 deletions(-) diff --git a/.erb/configs/webpack.config.renderer.dev.ts b/.erb/configs/webpack.config.renderer.dev.ts index a01d2ad7..d4967f69 100644 --- a/.erb/configs/webpack.config.renderer.dev.ts +++ b/.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, }, diff --git a/.erb/configs/webpack.config.renderer.prod.ts b/.erb/configs/webpack.config.renderer.prod.ts index 60400e53..324630a7 100644 --- a/.erb/configs/webpack.config.renderer.prod.ts +++ b/.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, }, diff --git a/.erb/configs/webpack.config.renderer.web.ts b/.erb/configs/webpack.config.renderer.web.ts index bbd4d846..319523a1 100644 --- a/.erb/configs/webpack.config.renderer.web.ts +++ b/.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, },