feat: env&css modules

package.json

@@ -48,6 +48,7 @@
     "@rsbuild/plugin-less": "1.0.1-beta.9",
     "@rsbuild/plugin-react": "1.0.1-beta.9",
     "@rsbuild/plugin-svgr": "1.0.1-beta.9",
+    "@rsbuild/plugin-typed-css-modules": "^1.0.1",
     "@types/node": "^22.0.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

rsbuild.config.ts

@@ -2,13 +2,15 @@ import { defineConfig } from '@rsbuild/core'
 import { pluginReact } from '@rsbuild/plugin-react'
 import { pluginSvgr } from '@rsbuild/plugin-svgr'
 import { pluginLess } from '@rsbuild/plugin-less'
+import { pluginTypedCSSModules } from '@rsbuild/plugin-typed-css-modules'
 
-const isProd = process.env.APP_ENV === 'production'
+const isProd = process.env.NODE_ENV === 'production'
 
 export default defineConfig({
   plugins: [
     pluginReact(),
     pluginLess(),
+    pluginTypedCSSModules(),
     pluginSvgr(),
   ],
   dev: {

src/App.module.less

+.test-h1 {
+  color: red;
+}

src/App.module.less.d.ts

+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'test-h1': string
+  'testH1': string
+}
+declare const cssExports: CssExports
+export default cssExports

src/App.tsx

 import './App.css'
+import styles from './App.module.less'
 
 function App() {
   return (
     <div className="content">
-      <h1>Rsbuild with React</h1>
+      <h1 className={styles.testH1}>Rsbuild with React</h1>
       <p>Start building amazing things with Rsbuild.</p>
     </div>
   )

src/typings.d.ts

+declare module '*.less';