feat: env配置

.env.development

+FOO=hellodev
+BAR=2

.env.production

+FOO=helloprod
+BAR=3

.env.sit

+FOO=hellosit
+BAR=1

eslint.config.mjs

@@ -3,4 +3,7 @@ import antfu from '@antfu/eslint-config'
 
 
 export default antfu({
 export default antfu({
   react: true,
   react: true,
+  rules: {
+    'n/prefer-global/process': ['off'], // 关闭process报错
+  },
 })
 })

package.json

@@ -6,6 +6,7 @@
   "author": "HoMeTown",
   "author": "HoMeTown",
   "scripts": {
   "scripts": {
     "dev": "rsbuild dev --open",
     "dev": "rsbuild dev --open",
+    "build:sit": "npx rsbuild dev --env-mode sit",
     "build": "rsbuild build",
     "build": "rsbuild build",
     "preview": "rsbuild preview",
     "preview": "rsbuild preview",
     "lint": "eslint .",
     "lint": "eslint .",
@@ -47,6 +48,7 @@
     "@rsbuild/plugin-less": "1.0.1-beta.9",
     "@rsbuild/plugin-less": "1.0.1-beta.9",
     "@rsbuild/plugin-react": "1.0.1-beta.9",
     "@rsbuild/plugin-react": "1.0.1-beta.9",
     "@rsbuild/plugin-svgr": "1.0.1-beta.9",
     "@rsbuild/plugin-svgr": "1.0.1-beta.9",
+    "@types/node": "^22.0.2",
     "@types/react": "^18.3.3",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-dom": "^18.3.0",
     "eslint": "^9.8.0",
     "eslint": "^9.8.0",

rsbuild.config.ts

@@ -3,6 +3,8 @@ import { pluginReact } from '@rsbuild/plugin-react'
 import { pluginSvgr } from '@rsbuild/plugin-svgr'
 import { pluginSvgr } from '@rsbuild/plugin-svgr'
 import { pluginLess } from '@rsbuild/plugin-less'
 import { pluginLess } from '@rsbuild/plugin-less'
 
 
+const isProd = process.env.APP_ENV === 'production'
+
 export default defineConfig({
 export default defineConfig({
   plugins: [
   plugins: [
     pluginReact(),
     pluginReact(),
@@ -42,6 +44,9 @@ export default defineConfig({
       font: 'assets',
       font: 'assets',
       media: 'assets',
       media: 'assets',
     },
     },
+    cssModules: {
+      localIdentName: isProd ? '[hash:base64]' : '[path][name]__[local]',
+    },
   },
   },
   source: {
   source: {
     // 与源代码解析、编译方式相关的选项
     // 与源代码解析、编译方式相关的选项

src/index.less

-@tailwind base;
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";