feat: add project root id to pri config

Author: linfeng

.vscode/settings.json

@@ -22,5 +22,8 @@
   },
   "[typescript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
   }
 }

src/built-in-plugins/command-docs/plugin/dev-docs.ts

@@ -172,7 +172,7 @@ function prepare(docsEntryPath: string) {
 
       const Docs = () => <DocsWrapper docs={DocComponents}/>
 
-      const ROOT_ID = 'root';
+      const ROOT_ID = '${pri.sourceConfig.rootId}';
 
       setConfig({ pureSFC: true, pureRender: true })
 

src/utils/create-entry.ts

@@ -1,5 +1,6 @@
 import * as fs from 'fs-extra';
 import * as path from 'path';
+import { pri } from '../node';
 import * as pipe from '../node/pipe';
 import { PRI_PACKAGE_NAME } from './constants';
 import { globalState } from './global-state';
@@ -158,7 +159,7 @@ export class Entry {
       import * as Loadable from "react-loadable"
       import App, { pageLoadableMap } from "./app"
 
-      const ROOT_ID = "root"
+      const ROOT_ID = "${pri.sourceConfig.rootId}"
     `,
     );
   }

src/utils/define.ts

@@ -257,6 +257,11 @@ export class ProjectConfig {
    * Enable hot loader
    */
   public hotReload = true;
+
+  /**
+   * Project Root Dom Id
+   */
+  public rootId = 'root';
 }
 
 export type SetPipe = (pipeName: string, callback: PipeCallback) => void;