fix: unable to generate correct class names for Less modules

revert: fb3034d
AnYiEE · Feb 19, 2024 · 6c2070d · 6c2070d
1 parent 7dce70b
commit 6c2070d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/scripts/modules/build-esbuild_options.ts b/scripts/modules/build-esbuild_options.ts
@@ -41,6 +41,8 @@ const esbuildOptions = {
 	plugins: [
 		CssModulesPlugin({
 			targets,
+			filter: /\.module\.(?:css|less)$/i,
+			namedExports: true,
 		}),
 		postcss(),
 		lessLoader({

diff --git a/src/global.d.ts b/src/global.d.ts
@@ -3,6 +3,15 @@
  */
 declare module '*.css';
 declare module '*.less';
+declare module '*.module.css' {
+	const classes: {[key: string]: string};
+	export default classes;
+}
+
+declare module '*.module.less' {
+	const classes: {[key: string]: string};
+	export default classes;
+}
 
 /**
  * @summary Do not forget to declare these file extensions in `scripts/build-esbuild_options.ts`

diff --git a/tsconfig.json b/tsconfig.json
@@ -39,8 +39,7 @@
 				"name": "typescript-plugin-css-modules",
 				"options": {
 					"classnameTransform": "camelCaseOnly",
-					"goToDefinition": true,
-					"namedExports": false
+					"goToDefinition": true
 				}
 			}
 		],