chore: complete classprefix docs (#3306)

Tencent · Sep 3, 2024 · f1d7f48 · f1d7f48
1 parent c3e24ba
commit f1d7f48
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 9 deletions.
diff --git a/src/config-provider/config-provider.en-US.md b/src/config-provider/config-provider.en-US.md
@@ -19,20 +19,41 @@ Vue.use(TDesign);
 </t-config-provider>
 ```
 
+#### vue-cli
 ```js
+// vue.config.js
 {
-    loaderOptions: {
-        less: {
-            lessOptions: {
+    css: {
+        loaderOptions: {
+            less: {
+                lessOptions: {
+                    modifyVars: {
+                     '@prefix': 'any', // should be the same as classPrefix
+                    },
+                    javascriptEnabled: true,
+                },
+            },
+        }
+    }
+}
+```
+#### vite
+```js
+// vite.config.js
+{
+    css: {
+        preprocessorOptions: {
+            less: {
                 modifyVars: {
                     '@prefix': 'any', // should be the same as classPrefix
                 },
                 javascriptEnabled: true,
             },
-        },
+        }
     }
 }
 ```
+
 ## API
 ### GlobalConfigProvider
 

diff --git a/src/config-provider/config-provider.md b/src/config-provider/config-provider.md
@@ -19,17 +19,38 @@ Vue.use(TDesign);
 </t-config-provider>
 ```
 
+#### vue-cli
 ```js
+// vue.config.js
 {
-    loaderOptions: {
-        less: {
-            lessOptions: {
+    css: {
+        loaderOptions: {
+            less: {
+                lessOptions: {
+                    modifyVars: {
+                     '@prefix': 'any',// 请注意需要与classPrefix保持一致
+                    },
+                    javascriptEnabled: true,
+                },
+            },
+        }
+    }
+}
+```
+
+#### vite
+```js
+// vite.config.js 
+{
+    css: {
+        preprocessorOptions: {
+            less: {
                 modifyVars: {
-                    '@prefix': 'any', // 请注意需要与classPrefix保持一致
+                    '@prefix': 'any',// 请注意需要与classPrefix保持一致
                 },
                 javascriptEnabled: true,
             },
-        },
+        }
     }
 }
 ```