docs: guide of theme dev (ant-design#33756)

Amour1688 · Jan 30, 2022 · bfe128c · bfe128c
1 parent 77bb001
commit bfe128c
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/docs/react/contributing.en-US.md b/docs/react/contributing.en-US.md
@@ -71,6 +71,14 @@ After cloning antd, run `npm install` to fetch its dependencies. Then, you can r
 1. `npm run compile` compiles TypeScript code to the `lib` and `es` directory.
 1. `npm run dist` creates UMD build of antd.
 
+### Switch Theme
+
+Use `DEV_THEME` to change start theme:
+
+```bash
+DEV_THEME=dark npm start
+```
+
 ## Being a collaborator
 
 If you are an active contributor and are willing to work with Ant Design Team in our opensource workflow, you can [apply to be a outside collaborator](https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator).
diff --git a/docs/react/contributing.zh-CN.md b/docs/react/contributing.zh-CN.md
@@ -71,6 +71,14 @@ Ant Design 团队会关注所有的 pull request，我们会 review 以及合并
 4. `npm run compile` 编译 TypeScript 代码到 lib 和 es 目录。
 5. `npm run dist` 构建 antd 的 UMD 版本到 dist 目录。
 
+### 切换主题
+
+在启动时，设置需要执行的主题：
+
+```bash
+DEV_THEME=dark npm start
+```
+
 ## 加入社区
 
 如果你贡献度足够活跃，希望和 Ant Design 团队一起参与维护工作，你可以[申请成为社区协作者](https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator)。

diff --git a/site/bisheng.config.js b/site/bisheng.config.js
@@ -8,7 +8,7 @@ const themeConfig = require('./themeConfig');
 const { webpack } = getWebpackConfig;
 
 const isDev = process.env.NODE_ENV === 'development';
-const { ANT_THEME } = process.env;
+const { ANT_THEME, DEV_THEME } = process.env;
 
 function alertBabelConfig(rules) {
   rules.forEach(rule => {
@@ -58,7 +58,7 @@ module.exports = {
   lessConfig: {
     javascriptEnabled: true,
     modifyVars: {
-      'root-entry-name': ANT_THEME || 'variable',
+      'root-entry-name': ANT_THEME || DEV_THEME || 'variable',
     },
   },
   webpackConfig(config) {