diff --git a/packages/code-generator/src/plugins/common/esmodule.ts b/packages/code-generator/src/plugins/common/esmodule.ts
index 7043a4aa9..1e26706cd 100644
--- a/packages/code-generator/src/plugins/common/esmodule.ts
+++ b/packages/code-generator/src/plugins/common/esmodule.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   CodeGeneratorError,
   DependencyType,
@@ -41,7 +42,7 @@ function groupDepsByPack(deps: IDependency[]): Record<string, IDependency[]> {
 function buildPackageImport(
   pkg: string,
   deps: IDependency[],
-  isJSX: boolean,
+  targetFileType: string,
 ): ICodeChunk[] {
   const chunks: ICodeChunk[] = [];
   let defaultImport: string = '';
@@ -58,7 +59,7 @@ function buildPackageImport(
     if (dep.subName) {
       chunks.push({
         type: ChunkType.STRING,
-        fileType: isJSX ? FileType.JSX : FileType.JS,
+        fileType: targetFileType,
         name: COMMON_CHUNK_NAME.FileVarDefine,
         content: `const ${targetName} = ${srcName}.${dep.subName};`,
         linkAfter: [
@@ -103,7 +104,7 @@ function buildPackageImport(
     statementL.push(`'@/${(deps[0] as IInternalDependency).type}/${pkg}';`);
     chunks.push({
       type: ChunkType.STRING,
-      fileType: isJSX ? FileType.JSX : FileType.JS,
+      fileType: targetFileType,
       name: COMMON_CHUNK_NAME.InternalDepsImport,
       content: statementL.join(' '),
       linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
@@ -112,7 +113,7 @@ function buildPackageImport(
     statementL.push(`'${pkg}';`);
     chunks.push({
       type: ChunkType.STRING,
-      fileType: isJSX ? FileType.JSX : FileType.JS,
+      fileType: targetFileType,
       name: COMMON_CHUNK_NAME.ExternalDepsImport,
       content: statementL.join(' '),
       linkAfter: [],
@@ -122,25 +123,36 @@ function buildPackageImport(
   return chunks;
 }
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+interface PluginConfig {
+  fileType: string;
+}
+
+const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?: PluginConfig) => {
+  const cfg: PluginConfig = {
+    fileType: FileType.JS,
+    ...config,
   };
 
-  const isJSX = next.chunks.some(chunk => chunk.fileType === FileType.JSX);
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
 
-  const ir = next.ir as IWithDependency;
+    const ir = next.ir as IWithDependency;
 
-  if (ir && ir.deps && ir.deps.length > 0) {
-    const packs = groupDepsByPack(ir.deps);
+    if (ir && ir.deps && ir.deps.length > 0) {
+      const packs = groupDepsByPack(ir.deps);
 
-    Object.keys(packs).forEach(pkg => {
-      const chunks = buildPackageImport(pkg, packs[pkg], isJSX);
-      next.chunks.push.apply(next.chunks, chunks);
-    });
-  }
+      Object.keys(packs).forEach(pkg => {
+        const chunks = buildPackageImport(pkg, packs[pkg], cfg.fileType);
+        next.chunks.push.apply(next.chunks, chunks);
+      });
+    }
 
-  return next;
+    return next;
+  };
+
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/common/requireUtils.ts b/packages/code-generator/src/plugins/common/requireUtils.ts
index d5b4747b9..9da850a4c 100644
--- a/packages/code-generator/src/plugins/common/requireUtils.ts
+++ b/packages/code-generator/src/plugins/common/requireUtils.ts
@@ -2,26 +2,30 @@ import { COMMON_CHUNK_NAME } from '../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
 } from '../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: COMMON_CHUNK_NAME.InternalDepsImport,
+      content: `import * from 'react';`,
+      linkAfter: [],
+    });
+
+    return next;
   };
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: COMMON_CHUNK_NAME.InternalDepsImport,
-    content: `import * from 'react';`,
-    linkAfter: [],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/containerClass.ts b/packages/code-generator/src/plugins/component/react/containerClass.ts
index ddf1ef337..7cba8c66e 100644
--- a/packages/code-generator/src/plugins/component/react/containerClass.ts
+++ b/packages/code-generator/src/plugins/component/react/containerClass.ts
@@ -3,99 +3,103 @@ import { REACT_CHUNK_NAME } from './const';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
   IContainerInfo,
 } from '../../../types';
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IContainerInfo;
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: REACT_CHUNK_NAME.ClassStart,
+      content: `class ${ir.componentName} extends React.Component {`,
+      linkAfter: [
+        COMMON_CHUNK_NAME.ExternalDepsImport,
+        COMMON_CHUNK_NAME.InternalDepsImport,
+        COMMON_CHUNK_NAME.FileVarDefine,
+        COMMON_CHUNK_NAME.FileUtilDefine,
+      ],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: REACT_CHUNK_NAME.ClassEnd,
+      content: `}`,
+      linkAfter: [REACT_CHUNK_NAME.ClassStart, REACT_CHUNK_NAME.ClassRenderEnd],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: REACT_CHUNK_NAME.ClassConstructorStart,
+      content: 'constructor(props, context) { super(props); ',
+      linkAfter: [REACT_CHUNK_NAME.ClassStart],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: REACT_CHUNK_NAME.ClassConstructorEnd,
+      content: '}',
+      linkAfter: [
+        REACT_CHUNK_NAME.ClassConstructorStart,
+        REACT_CHUNK_NAME.ClassConstructorContent,
+      ],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: REACT_CHUNK_NAME.ClassRenderStart,
+      content: 'render() {',
+      linkAfter: [
+        REACT_CHUNK_NAME.ClassStart,
+        REACT_CHUNK_NAME.ClassConstructorEnd,
+        REACT_CHUNK_NAME.ClassLifeCycle,
+        REACT_CHUNK_NAME.ClassMethod,
+      ],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: REACT_CHUNK_NAME.ClassRenderEnd,
+      content: '}',
+      linkAfter: [
+        REACT_CHUNK_NAME.ClassRenderStart,
+        REACT_CHUNK_NAME.ClassRenderPre,
+        REACT_CHUNK_NAME.ClassRenderJSX,
+      ],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: COMMON_CHUNK_NAME.FileExport,
+      content: `export default ${ir.componentName};`,
+      linkAfter: [
+        COMMON_CHUNK_NAME.ExternalDepsImport,
+        COMMON_CHUNK_NAME.InternalDepsImport,
+        COMMON_CHUNK_NAME.FileVarDefine,
+        COMMON_CHUNK_NAME.FileUtilDefine,
+        REACT_CHUNK_NAME.ClassEnd,
+      ],
+    });
+
+    return next;
   };
-
-  const ir = next.ir as IContainerInfo;
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: REACT_CHUNK_NAME.ClassStart,
-    content: `class ${ir.componentName} extends React.Component {`,
-    linkAfter: [
-      COMMON_CHUNK_NAME.ExternalDepsImport,
-      COMMON_CHUNK_NAME.InternalDepsImport,
-      COMMON_CHUNK_NAME.FileVarDefine,
-      COMMON_CHUNK_NAME.FileUtilDefine,
-    ],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: REACT_CHUNK_NAME.ClassEnd,
-    content: `}`,
-    linkAfter: [REACT_CHUNK_NAME.ClassStart, REACT_CHUNK_NAME.ClassRenderEnd],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: REACT_CHUNK_NAME.ClassConstructorStart,
-    content: 'constructor(props, context) { super(props); ',
-    linkAfter: [REACT_CHUNK_NAME.ClassStart],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: REACT_CHUNK_NAME.ClassConstructorEnd,
-    content: '}',
-    linkAfter: [
-      REACT_CHUNK_NAME.ClassConstructorStart,
-      REACT_CHUNK_NAME.ClassConstructorContent,
-    ],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: REACT_CHUNK_NAME.ClassRenderStart,
-    content: 'render() {',
-    linkAfter: [
-      REACT_CHUNK_NAME.ClassStart,
-      REACT_CHUNK_NAME.ClassConstructorEnd,
-      REACT_CHUNK_NAME.ClassLifeCycle,
-      REACT_CHUNK_NAME.ClassMethod,
-    ],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: REACT_CHUNK_NAME.ClassRenderEnd,
-    content: '}',
-    linkAfter: [
-      REACT_CHUNK_NAME.ClassRenderStart,
-      REACT_CHUNK_NAME.ClassRenderPre,
-      REACT_CHUNK_NAME.ClassRenderJSX,
-    ],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: COMMON_CHUNK_NAME.FileExport,
-    content: `export default ${ir.componentName};`,
-    linkAfter: [
-      COMMON_CHUNK_NAME.ExternalDepsImport,
-      COMMON_CHUNK_NAME.InternalDepsImport,
-      COMMON_CHUNK_NAME.FileVarDefine,
-      COMMON_CHUNK_NAME.FileUtilDefine,
-      REACT_CHUNK_NAME.ClassEnd,
-    ],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/containerDataSource.ts b/packages/code-generator/src/plugins/component/react/containerDataSource.ts
index c71859a21..74c02e1f4 100644
--- a/packages/code-generator/src/plugins/component/react/containerDataSource.ts
+++ b/packages/code-generator/src/plugins/component/react/containerDataSource.ts
@@ -4,36 +4,40 @@ import { generateCompositeType } from '../../utils/compositeType';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
   IContainerInfo,
 } from '../../../types';
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IContainerInfo;
+
+    if (ir.state) {
+      const state = ir.state;
+      const fields = Object.keys(state).map<string>(stateName => {
+        const [isString, value] = generateCompositeType(state[stateName]);
+        return `${stateName}: ${isString ? `'${value}'` : value},`;
+      });
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: FileType.JSX,
+        name: REACT_CHUNK_NAME.ClassConstructorContent,
+        content: `this.state = { ${fields.join('')} };`,
+        linkAfter: [REACT_CHUNK_NAME.ClassConstructorStart],
+      });
+    }
+
+    return next;
   };
-
-  const ir = next.ir as IContainerInfo;
-
-  if (ir.state) {
-    const state = ir.state;
-    const fields = Object.keys(state).map<string>(stateName => {
-      const [isString, value] = generateCompositeType(state[stateName]);
-      return `${stateName}: ${isString ? `'${value}'` : value},`;
-    });
-
-    next.chunks.push({
-      type: ChunkType.STRING,
-      fileType: FileType.JSX,
-      name: REACT_CHUNK_NAME.ClassConstructorContent,
-      content: `this.state = { ${fields.join('')} };`,
-      linkAfter: [REACT_CHUNK_NAME.ClassConstructorStart],
-    });
-  }
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/containerInitState.ts b/packages/code-generator/src/plugins/component/react/containerInitState.ts
index c71859a21..74c02e1f4 100644
--- a/packages/code-generator/src/plugins/component/react/containerInitState.ts
+++ b/packages/code-generator/src/plugins/component/react/containerInitState.ts
@@ -4,36 +4,40 @@ import { generateCompositeType } from '../../utils/compositeType';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
   IContainerInfo,
 } from '../../../types';
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IContainerInfo;
+
+    if (ir.state) {
+      const state = ir.state;
+      const fields = Object.keys(state).map<string>(stateName => {
+        const [isString, value] = generateCompositeType(state[stateName]);
+        return `${stateName}: ${isString ? `'${value}'` : value},`;
+      });
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: FileType.JSX,
+        name: REACT_CHUNK_NAME.ClassConstructorContent,
+        content: `this.state = { ${fields.join('')} };`,
+        linkAfter: [REACT_CHUNK_NAME.ClassConstructorStart],
+      });
+    }
+
+    return next;
   };
-
-  const ir = next.ir as IContainerInfo;
-
-  if (ir.state) {
-    const state = ir.state;
-    const fields = Object.keys(state).map<string>(stateName => {
-      const [isString, value] = generateCompositeType(state[stateName]);
-      return `${stateName}: ${isString ? `'${value}'` : value},`;
-    });
-
-    next.chunks.push({
-      type: ChunkType.STRING,
-      fileType: FileType.JSX,
-      name: REACT_CHUNK_NAME.ClassConstructorContent,
-      content: `this.state = { ${fields.join('')} };`,
-      linkAfter: [REACT_CHUNK_NAME.ClassConstructorStart],
-    });
-  }
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/containerInjectUtils.ts b/packages/code-generator/src/plugins/component/react/containerInjectUtils.ts
index a6670230a..8fd70c9ba 100644
--- a/packages/code-generator/src/plugins/component/react/containerInjectUtils.ts
+++ b/packages/code-generator/src/plugins/component/react/containerInjectUtils.ts
@@ -2,25 +2,29 @@ import { REACT_CHUNK_NAME } from './const';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
 } from '../../../types';
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: REACT_CHUNK_NAME.ClassConstructorContent,
+      content: `this.utils = utils;`,
+      linkAfter: [REACT_CHUNK_NAME.ClassConstructorStart],
+    });
+
+    return next;
   };
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: REACT_CHUNK_NAME.ClassConstructorContent,
-    content: `this.utils = utils;`,
-    linkAfter: [REACT_CHUNK_NAME.ClassConstructorStart],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/containerLifeCycle.ts b/packages/code-generator/src/plugins/component/react/containerLifeCycle.ts
index 3e83e659a..39e2a017a 100644
--- a/packages/code-generator/src/plugins/component/react/containerLifeCycle.ts
+++ b/packages/code-generator/src/plugins/component/react/containerLifeCycle.ts
@@ -7,6 +7,7 @@ import {
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   CodeGeneratorError,
   FileType,
@@ -16,66 +17,69 @@ import {
   IJSExpression,
 } from '../../../types';
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IContainerInfo;
+
+    if (ir.lifeCycles) {
+      const lifeCycles = ir.lifeCycles;
+      const chunks = Object.keys(lifeCycles).map<ICodeChunk>(lifeCycleName => {
+        if (lifeCycleName === 'constructor') {
+          return {
+            type: ChunkType.STRING,
+            fileType: FileType.JSX,
+            name: REACT_CHUNK_NAME.ClassConstructorContent,
+            content: getFuncExprBody(
+              (lifeCycles[lifeCycleName] as IJSExpression).value,
+            ),
+            linkAfter: [REACT_CHUNK_NAME.ClassConstructorStart],
+          };
+        }
+        if (lifeCycleName === 'render') {
+          return {
+            type: ChunkType.STRING,
+            fileType: FileType.JSX,
+            name: REACT_CHUNK_NAME.ClassRenderPre,
+            content: getFuncExprBody(
+              (lifeCycles[lifeCycleName] as IJSExpression).value,
+            ),
+            linkAfter: [REACT_CHUNK_NAME.ClassRenderStart],
+          };
+        }
+        if (
+          lifeCycleName === 'componentDidMount' ||
+          lifeCycleName === 'componentDidUpdate' ||
+          lifeCycleName === 'componentWillUnmount' ||
+          lifeCycleName === 'componentDidCatch'
+        ) {
+          return {
+            type: ChunkType.STRING,
+            fileType: FileType.JSX,
+            name: REACT_CHUNK_NAME.ClassLifeCycle,
+            content: transformFuncExpr2MethodMember(
+              lifeCycleName,
+              (lifeCycles[lifeCycleName] as IJSExpression).value,
+            ),
+            linkAfter: [
+              REACT_CHUNK_NAME.ClassStart,
+              REACT_CHUNK_NAME.ClassConstructorEnd,
+            ],
+          };
+        }
+
+        throw new CodeGeneratorError('Unknown life cycle method name');
+      });
+
+      next.chunks.push.apply(next.chunks, chunks);
+    }
+
+    return next;
   };
-
-  const ir = next.ir as IContainerInfo;
-
-  if (ir.lifeCycles) {
-    const lifeCycles = ir.lifeCycles;
-    const chunks = Object.keys(lifeCycles).map<ICodeChunk>(lifeCycleName => {
-      if (lifeCycleName === 'constructor') {
-        return {
-          type: ChunkType.STRING,
-          fileType: FileType.JSX,
-          name: REACT_CHUNK_NAME.ClassConstructorContent,
-          content: getFuncExprBody(
-            (lifeCycles[lifeCycleName] as IJSExpression).value,
-          ),
-          linkAfter: [REACT_CHUNK_NAME.ClassConstructorStart],
-        };
-      }
-      if (lifeCycleName === 'render') {
-        return {
-          type: ChunkType.STRING,
-          fileType: FileType.JSX,
-          name: REACT_CHUNK_NAME.ClassRenderPre,
-          content: getFuncExprBody(
-            (lifeCycles[lifeCycleName] as IJSExpression).value,
-          ),
-          linkAfter: [REACT_CHUNK_NAME.ClassRenderStart],
-        };
-      }
-      if (
-        lifeCycleName === 'componentDidMount' ||
-        lifeCycleName === 'componentDidUpdate' ||
-        lifeCycleName === 'componentWillUnmount' ||
-        lifeCycleName === 'componentDidCatch'
-      ) {
-        return {
-          type: ChunkType.STRING,
-          fileType: FileType.JSX,
-          name: REACT_CHUNK_NAME.ClassLifeCycle,
-          content: transformFuncExpr2MethodMember(
-            lifeCycleName,
-            (lifeCycles[lifeCycleName] as IJSExpression).value,
-          ),
-          linkAfter: [
-            REACT_CHUNK_NAME.ClassStart,
-            REACT_CHUNK_NAME.ClassConstructorEnd,
-          ],
-        };
-      }
-
-      throw new CodeGeneratorError('Unknown life cycle method name');
-    });
-
-    next.chunks.push.apply(next.chunks, chunks);
-  }
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/containerMethod.ts b/packages/code-generator/src/plugins/component/react/containerMethod.ts
index cff01d9ce..1f141dbf6 100644
--- a/packages/code-generator/src/plugins/component/react/containerMethod.ts
+++ b/packages/code-generator/src/plugins/component/react/containerMethod.ts
@@ -4,6 +4,7 @@ import { transformFuncExpr2MethodMember } from '../../utils/jsExpression';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeChunk,
@@ -12,34 +13,37 @@ import {
   IJSExpression,
 } from '../../../types';
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IContainerInfo;
+
+    if (ir.methods) {
+      const methods = ir.methods;
+      const chunks = Object.keys(methods).map<ICodeChunk>(methodName => ({
+        type: ChunkType.STRING,
+        fileType: FileType.JSX,
+        name: REACT_CHUNK_NAME.ClassMethod,
+        content: transformFuncExpr2MethodMember(
+          methodName,
+          (methods[methodName] as IJSExpression).value,
+        ),
+        linkAfter: [
+          REACT_CHUNK_NAME.ClassStart,
+          REACT_CHUNK_NAME.ClassConstructorEnd,
+          REACT_CHUNK_NAME.ClassLifeCycle,
+        ],
+      }));
+
+      next.chunks.push.apply(next.chunks, chunks);
+    }
+
+    return next;
   };
-
-  const ir = next.ir as IContainerInfo;
-
-  if (ir.methods) {
-    const methods = ir.methods;
-    const chunks = Object.keys(methods).map<ICodeChunk>(methodName => ({
-      type: ChunkType.STRING,
-      fileType: FileType.JSX,
-      name: REACT_CHUNK_NAME.ClassMethod,
-      content: transformFuncExpr2MethodMember(
-        methodName,
-        (methods[methodName] as IJSExpression).value,
-      ),
-      linkAfter: [
-        REACT_CHUNK_NAME.ClassStart,
-        REACT_CHUNK_NAME.ClassConstructorEnd,
-        REACT_CHUNK_NAME.ClassLifeCycle,
-      ],
-    }));
-
-    next.chunks.push.apply(next.chunks, chunks);
-  }
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/jsx.ts b/packages/code-generator/src/plugins/component/react/jsx.ts
index 3e5162353..e1b5d2306 100644
--- a/packages/code-generator/src/plugins/component/react/jsx.ts
+++ b/packages/code-generator/src/plugins/component/react/jsx.ts
@@ -1,5 +1,6 @@
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChildNodeItem,
   ChildNodeType,
   ChunkType,
@@ -111,39 +112,42 @@ function generateChildren(children: ChildNodeType): string[] {
   });
 }
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
-  };
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
 
-  const ir = next.ir as IContainerInfo;
+    const ir = next.ir as IContainerInfo;
 
-  let jsxContent: string;
-  if (!ir.children || (ir.children as unknown[]).length === 0) {
-    jsxContent = 'null';
-  } else {
-    const childrenCode = generateChildren(ir.children);
-    if (childrenCode.length === 1) {
-      jsxContent = `(${childrenCode[0]})`;
+    let jsxContent: string;
+    if (!ir.children || (ir.children as unknown[]).length === 0) {
+      jsxContent = 'null';
     } else {
-      jsxContent = `(<React.Fragment>${childrenCode.join(
-        '',
-      )}</React.Fragment>)`;
+      const childrenCode = generateChildren(ir.children);
+      if (childrenCode.length === 1) {
+        jsxContent = `(${childrenCode[0]})`;
+      } else {
+        jsxContent = `(<React.Fragment>${childrenCode.join(
+          '',
+        )}</React.Fragment>)`;
+      }
     }
-  }
 
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: REACT_CHUNK_NAME.ClassRenderJSX,
-    content: `return ${jsxContent};`,
-    linkAfter: [
-      REACT_CHUNK_NAME.ClassRenderStart,
-      REACT_CHUNK_NAME.ClassRenderPre,
-    ],
-  });
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: REACT_CHUNK_NAME.ClassRenderJSX,
+      content: `return ${jsxContent};`,
+      linkAfter: [
+        REACT_CHUNK_NAME.ClassRenderStart,
+        REACT_CHUNK_NAME.ClassRenderPre,
+      ],
+    });
 
-  return next;
+    return next;
+  };
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/react/reactCommonDeps.ts b/packages/code-generator/src/plugins/component/react/reactCommonDeps.ts
index 38936fc68..434f44564 100644
--- a/packages/code-generator/src/plugins/component/react/reactCommonDeps.ts
+++ b/packages/code-generator/src/plugins/component/react/reactCommonDeps.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -9,20 +10,23 @@ import {
 } from '../../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: COMMON_CHUNK_NAME.ExternalDepsImport,
+      content: `import React from 'react';`,
+      linkAfter: [],
+    });
+
+    return next;
   };
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: COMMON_CHUNK_NAME.ExternalDepsImport,
-    content: `import React from 'react';`,
-    linkAfter: [],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/component/style/css.ts b/packages/code-generator/src/plugins/component/style/css.ts
index c4ce2160e..c803d24a9 100644
--- a/packages/code-generator/src/plugins/component/style/css.ts
+++ b/packages/code-generator/src/plugins/component/style/css.ts
@@ -2,36 +2,40 @@ import { COMMON_CHUNK_NAME } from '../../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
   IContainerInfo,
 } from '../../../types';
 
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IContainerInfo;
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.CSS,
+      name: COMMON_CHUNK_NAME.StyleCssContent,
+      content: ir.css,
+      linkAfter: [COMMON_CHUNK_NAME.StyleDepsImport],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JSX,
+      name: COMMON_CHUNK_NAME.InternalDepsImport,
+      content: `import './index.css';`,
+      linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
+    });
+
+    return next;
   };
-
-  const ir = next.ir as IContainerInfo;
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.CSS,
-    name: COMMON_CHUNK_NAME.StyleCssContent,
-    content: ir.css,
-    linkAfter: [COMMON_CHUNK_NAME.StyleDepsImport],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JSX,
-    name: COMMON_CHUNK_NAME.InternalDepsImport,
-    content: `import './index.css';`,
-    linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/constants.ts b/packages/code-generator/src/plugins/project/constants.ts
index 7be166d3d..8c1302cd0 100644
--- a/packages/code-generator/src/plugins/project/constants.ts
+++ b/packages/code-generator/src/plugins/project/constants.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../const/generator';
 import { generateCompositeType } from '../../plugins/utils/compositeType';
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -9,46 +10,49 @@ import {
 } from '../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IProjectInfo;
+    if (ir.constants) {
+      const [, constantStr] = generateCompositeType(ir.constants);
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: FileType.JS,
+        name: COMMON_CHUNK_NAME.FileVarDefine,
+        content: `
+          const constantConfig = ${constantStr};
+        `,
+        linkAfter: [
+          COMMON_CHUNK_NAME.ExternalDepsImport,
+          COMMON_CHUNK_NAME.InternalDepsImport,
+        ],
+      });
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: FileType.JS,
+        name: COMMON_CHUNK_NAME.FileExport,
+        content: `
+          export default constantConfig;
+        `,
+        linkAfter: [
+          COMMON_CHUNK_NAME.ExternalDepsImport,
+          COMMON_CHUNK_NAME.InternalDepsImport,
+          COMMON_CHUNK_NAME.FileVarDefine,
+          COMMON_CHUNK_NAME.FileUtilDefine,
+          COMMON_CHUNK_NAME.FileMainContent,
+        ],
+      });
+    }
+
+    return next;
   };
-
-  const ir = next.ir as IProjectInfo;
-  if (ir.constants) {
-    const [, constantStr] = generateCompositeType(ir.constants);
-
-    next.chunks.push({
-      type: ChunkType.STRING,
-      fileType: FileType.JS,
-      name: COMMON_CHUNK_NAME.FileVarDefine,
-      content: `
-        const constantConfig = ${constantStr};
-      `,
-      linkAfter: [
-        COMMON_CHUNK_NAME.ExternalDepsImport,
-        COMMON_CHUNK_NAME.InternalDepsImport,
-      ],
-    });
-
-    next.chunks.push({
-      type: ChunkType.STRING,
-      fileType: FileType.JS,
-      name: COMMON_CHUNK_NAME.FileExport,
-      content: `
-        export default constantConfig;
-      `,
-      linkAfter: [
-        COMMON_CHUNK_NAME.ExternalDepsImport,
-        COMMON_CHUNK_NAME.InternalDepsImport,
-        COMMON_CHUNK_NAME.FileVarDefine,
-        COMMON_CHUNK_NAME.FileUtilDefine,
-        COMMON_CHUNK_NAME.FileMainContent,
-      ],
-    });
-  }
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/framework/icejs/plugins/entry.ts b/packages/code-generator/src/plugins/project/framework/icejs/plugins/entry.ts
index f32d9abed..28bef8f0a 100644
--- a/packages/code-generator/src/plugins/project/framework/icejs/plugins/entry.ts
+++ b/packages/code-generator/src/plugins/project/framework/icejs/plugins/entry.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../../../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -9,47 +10,50 @@ import {
 } from '../../../../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IProjectInfo;
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JS,
+      name: COMMON_CHUNK_NAME.ExternalDepsImport,
+      content: `
+        import { createApp } from 'ice';
+      `,
+      linkAfter: [],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JS,
+      name: COMMON_CHUNK_NAME.FileMainContent,
+      content: `
+        const appConfig = {
+          app: {
+            rootId: '${ir.config.targetRootID}',
+          },
+          router: {
+            type: '${ir.config.historyMode}',
+          },
+        };
+        createApp(appConfig);
+      `,
+      linkAfter: [
+        COMMON_CHUNK_NAME.ExternalDepsImport,
+        COMMON_CHUNK_NAME.InternalDepsImport,
+        COMMON_CHUNK_NAME.FileVarDefine,
+        COMMON_CHUNK_NAME.FileUtilDefine,
+      ],
+    });
+
+    return next;
   };
-
-  const ir = next.ir as IProjectInfo;
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JS,
-    name: COMMON_CHUNK_NAME.ExternalDepsImport,
-    content: `
-      import { createApp } from 'ice';
-    `,
-    linkAfter: [],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JS,
-    name: COMMON_CHUNK_NAME.FileMainContent,
-    content: `
-      const appConfig = {
-        app: {
-          rootId: '${ir.config.targetRootID}',
-        },
-        router: {
-          type: '${ir.config.historyMode}',
-        },
-      };
-      createApp(appConfig);
-    `,
-    linkAfter: [
-      COMMON_CHUNK_NAME.ExternalDepsImport,
-      COMMON_CHUNK_NAME.InternalDepsImport,
-      COMMON_CHUNK_NAME.FileVarDefine,
-      COMMON_CHUNK_NAME.FileUtilDefine,
-    ],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/framework/icejs/plugins/entryHtml.ts b/packages/code-generator/src/plugins/project/framework/icejs/plugins/entryHtml.ts
index 6ceebc04a..644e6155d 100644
--- a/packages/code-generator/src/plugins/project/framework/icejs/plugins/entryHtml.ts
+++ b/packages/code-generator/src/plugins/project/framework/icejs/plugins/entryHtml.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../../../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -9,35 +10,38 @@ import {
 } from '../../../../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IProjectInfo;
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.HTML,
+      name: COMMON_CHUNK_NAME.HtmlContent,
+      content: `
+        <!DOCTYPE html>
+        <html>
+          <head>
+            <meta charset="utf-8" />
+            <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1" />
+            <meta name="viewport" content="width=device-width" />
+            <title>${ir.meta.name}</title>
+          </head>
+          <body>
+            <div id="${ir.config.targetRootID}"></div>
+          </body>
+        </html>
+      `,
+      linkAfter: [],
+    });
+
+    return next;
   };
-
-  const ir = next.ir as IProjectInfo;
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.HTML,
-    name: COMMON_CHUNK_NAME.HtmlContent,
-    content: `
-      <!DOCTYPE html>
-      <html>
-        <head>
-          <meta charset="utf-8" />
-          <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1" />
-          <meta name="viewport" content="width=device-width" />
-          <title>${ir.meta.name}</title>
-        </head>
-        <body>
-          <div id="${ir.config.targetRootID}"></div>
-        </body>
-      </html>
-    `,
-    linkAfter: [],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/framework/icejs/plugins/globalStyle.ts b/packages/code-generator/src/plugins/project/framework/icejs/plugins/globalStyle.ts
index 3e083c1f1..92ebf8730 100644
--- a/packages/code-generator/src/plugins/project/framework/icejs/plugins/globalStyle.ts
+++ b/packages/code-generator/src/plugins/project/framework/icejs/plugins/globalStyle.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../../../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -9,45 +10,48 @@ import {
 } from '../../../../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IProjectInfo;
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.SCSS,
+      name: COMMON_CHUNK_NAME.StyleDepsImport,
+      content: `
+        // 引入默认全局样式
+        @import '@alifd/next/reset.scss';
+      `,
+      linkAfter: [],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.SCSS,
+      name: COMMON_CHUNK_NAME.StyleCssContent,
+      content: `
+        body {
+          -webkit-font-smoothing: antialiased;
+        }
+      `,
+      linkAfter: [COMMON_CHUNK_NAME.StyleDepsImport],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.SCSS,
+      name: COMMON_CHUNK_NAME.StyleCssContent,
+      content: ir.css || '',
+      linkAfter: [COMMON_CHUNK_NAME.StyleDepsImport],
+    });
+
+    return next;
   };
-
-  const ir = next.ir as IProjectInfo;
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.SCSS,
-    name: COMMON_CHUNK_NAME.StyleDepsImport,
-    content: `
-      // 引入默认全局样式
-      @import '@alifd/next/reset.scss';
-    `,
-    linkAfter: [],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.SCSS,
-    name: COMMON_CHUNK_NAME.StyleCssContent,
-    content: `
-      body {
-        -webkit-font-smoothing: antialiased;
-      }
-    `,
-    linkAfter: [COMMON_CHUNK_NAME.StyleDepsImport],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.SCSS,
-    name: COMMON_CHUNK_NAME.StyleCssContent,
-    content: ir.css || '',
-    linkAfter: [COMMON_CHUNK_NAME.StyleDepsImport],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts b/packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts
index 0e4c48805..f00381a0b 100644
--- a/packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts
+++ b/packages/code-generator/src/plugins/project/framework/icejs/plugins/packageJSON.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../../../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -21,66 +22,69 @@ interface IIceJsPackageJSON extends IPackageJSON {
 }
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IProjectInfo;
+
+    const packageJson: IIceJsPackageJSON = {
+      name: '@alifd/scaffold-lite-js',
+      version: '0.1.5',
+      description: '轻量级模板，使用 JavaScript，仅包含基础的 Layout。',
+      dependencies: {
+        moment: '^2.24.0',
+        react: '^16.4.1',
+        'react-dom': '^16.4.1',
+        '@alifd/theme-design-pro': '^0.x',
+      },
+      devDependencies: {
+        '@ice/spec': '^1.0.0',
+        'build-plugin-fusion': '^0.1.0',
+        'build-plugin-moment-locales': '^0.1.0',
+        eslint: '^6.0.1',
+        'ice.js': '^1.0.0',
+        stylelint: '^13.2.0',
+        '@ali/build-plugin-ice-def': '^0.1.0',
+      },
+      scripts: {
+        start: 'icejs start',
+        build: 'icejs build',
+        lint: 'npm run eslint && npm run stylelint',
+        eslint: 'eslint --cache --ext .js,.jsx ./',
+        stylelint: 'stylelint ./**/*.scss',
+      },
+      ideMode: {
+        name: 'ice-react',
+      },
+      iceworks: {
+        type: 'react',
+        adapter: 'adapter-react-v3',
+      },
+      engines: {
+        node: '>=8.0.0',
+      },
+      repository: {
+        type: 'git',
+        url: 'http://gitlab.alibaba-inc.com/msd/leak-scan/tree/master',
+      },
+      private: true,
+      originTemplate: '@alifd/scaffold-lite-js',
+    };
+
+    next.chunks.push({
+      type: ChunkType.JSON,
+      fileType: FileType.JSON,
+      name: COMMON_CHUNK_NAME.FileMainContent,
+      content: packageJson,
+      linkAfter: [],
+    });
+
+    return next;
   };
-
-  const ir = next.ir as IProjectInfo;
-
-  const packageJson: IIceJsPackageJSON = {
-    name: '@alifd/scaffold-lite-js',
-    version: '0.1.5',
-    description: '轻量级模板，使用 JavaScript，仅包含基础的 Layout。',
-    dependencies: {
-      moment: '^2.24.0',
-      react: '^16.4.1',
-      'react-dom': '^16.4.1',
-      '@alifd/theme-design-pro': '^0.x',
-    },
-    devDependencies: {
-      '@ice/spec': '^1.0.0',
-      'build-plugin-fusion': '^0.1.0',
-      'build-plugin-moment-locales': '^0.1.0',
-      eslint: '^6.0.1',
-      'ice.js': '^1.0.0',
-      stylelint: '^13.2.0',
-      '@ali/build-plugin-ice-def': '^0.1.0',
-    },
-    scripts: {
-      start: 'icejs start',
-      build: 'icejs build',
-      lint: 'npm run eslint && npm run stylelint',
-      eslint: 'eslint --cache --ext .js,.jsx ./',
-      stylelint: 'stylelint ./**/*.scss',
-    },
-    ideMode: {
-      name: 'ice-react',
-    },
-    iceworks: {
-      type: 'react',
-      adapter: 'adapter-react-v3',
-    },
-    engines: {
-      node: '>=8.0.0',
-    },
-    repository: {
-      type: 'git',
-      url: 'http://gitlab.alibaba-inc.com/msd/leak-scan/tree/master',
-    },
-    private: true,
-    originTemplate: '@alifd/scaffold-lite-js',
-  };
-
-  next.chunks.push({
-    type: ChunkType.JSON,
-    fileType: FileType.JSON,
-    name: COMMON_CHUNK_NAME.FileMainContent,
-    content: packageJson,
-    linkAfter: [],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/framework/icejs/plugins/router.ts b/packages/code-generator/src/plugins/project/framework/icejs/plugins/router.ts
index b2c9c0805..9dc436b28 100644
--- a/packages/code-generator/src/plugins/project/framework/icejs/plugins/router.ts
+++ b/packages/code-generator/src/plugins/project/framework/icejs/plugins/router.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../../../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -9,71 +10,74 @@ import {
 } from '../../../../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IRouterInfo;
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JS,
+      name: COMMON_CHUNK_NAME.InternalDepsImport,
+      content: `
+        import BasicLayout from '@/layouts/BasicLayout';
+      `,
+      linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JS,
+      name: COMMON_CHUNK_NAME.FileVarDefine,
+      content: `
+        const routerConfig = [
+          {
+            path: '/',
+            component: BasicLayout,
+            children: [
+              ${ir.routes
+                .map(
+                  route => `
+                    {
+                      path: '${route.path}',
+                      component: ${route.componentName},
+                    }
+                  `,
+                )
+                .join(',')}
+            ],
+          },
+        ];
+      `,
+      linkAfter: [
+        COMMON_CHUNK_NAME.ExternalDepsImport,
+        COMMON_CHUNK_NAME.InternalDepsImport,
+        COMMON_CHUNK_NAME.FileUtilDefine,
+      ],
+    });
+
+    next.chunks.push({
+      type: ChunkType.STRING,
+      fileType: FileType.JS,
+      name: COMMON_CHUNK_NAME.FileExport,
+      content: `
+        export default routerConfig;
+      `,
+      linkAfter: [
+        COMMON_CHUNK_NAME.ExternalDepsImport,
+        COMMON_CHUNK_NAME.InternalDepsImport,
+        COMMON_CHUNK_NAME.FileUtilDefine,
+        COMMON_CHUNK_NAME.FileVarDefine,
+        COMMON_CHUNK_NAME.FileMainContent,
+      ],
+    });
+
+    return next;
   };
-
-  const ir = next.ir as IRouterInfo;
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JS,
-    name: COMMON_CHUNK_NAME.InternalDepsImport,
-    content: `
-      import BasicLayout from '@/layouts/BasicLayout';
-    `,
-    linkAfter: [COMMON_CHUNK_NAME.ExternalDepsImport],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JS,
-    name: COMMON_CHUNK_NAME.FileVarDefine,
-    content: `
-      const routerConfig = [
-        {
-          path: '/',
-          component: BasicLayout,
-          children: [
-            ${ir.routes
-              .map(
-                route => `
-                  {
-                    path: '${route.path}',
-                    component: ${route.componentName},
-                  }
-                `,
-              )
-              .join(',')}
-          ],
-        },
-      ];
-    `,
-    linkAfter: [
-      COMMON_CHUNK_NAME.ExternalDepsImport,
-      COMMON_CHUNK_NAME.InternalDepsImport,
-      COMMON_CHUNK_NAME.FileUtilDefine,
-    ],
-  });
-
-  next.chunks.push({
-    type: ChunkType.STRING,
-    fileType: FileType.JS,
-    name: COMMON_CHUNK_NAME.FileExport,
-    content: `
-      export default routerConfig;
-    `,
-    linkAfter: [
-      COMMON_CHUNK_NAME.ExternalDepsImport,
-      COMMON_CHUNK_NAME.InternalDepsImport,
-      COMMON_CHUNK_NAME.FileUtilDefine,
-      COMMON_CHUNK_NAME.FileVarDefine,
-      COMMON_CHUNK_NAME.FileMainContent,
-    ],
-  });
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/i18n.ts b/packages/code-generator/src/plugins/project/i18n.ts
index 14b9ef773..bb3623032 100644
--- a/packages/code-generator/src/plugins/project/i18n.ts
+++ b/packages/code-generator/src/plugins/project/i18n.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../const/generator';
 import { generateCompositeType } from '../../plugins/utils/compositeType';
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -9,58 +10,61 @@ import {
 } from '../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
+
+    const ir = next.ir as IProjectInfo;
+    if (ir.i18n) {
+      const [, i18nStr] = generateCompositeType(ir.i18n);
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: FileType.JS,
+        name: COMMON_CHUNK_NAME.FileMainContent,
+        content: `
+          const i18nConfig = ${i18nStr};
+          let locale = 'en_US';
+
+          const changeLocale = (target) => {
+            locale = target;
+          };
+
+          const i18n = key => i18nConfig && i18nConfig[locale] && i18nConfig[locale][key] || '';
+        `,
+        linkAfter: [
+          COMMON_CHUNK_NAME.ExternalDepsImport,
+          COMMON_CHUNK_NAME.InternalDepsImport,
+          COMMON_CHUNK_NAME.FileVarDefine,
+          COMMON_CHUNK_NAME.FileUtilDefine,
+        ],
+      });
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: FileType.JS,
+        name: COMMON_CHUNK_NAME.FileExport,
+        content: `
+          export {
+            changeLocale,
+            i18n,
+          };
+        `,
+        linkAfter: [
+          COMMON_CHUNK_NAME.ExternalDepsImport,
+          COMMON_CHUNK_NAME.InternalDepsImport,
+          COMMON_CHUNK_NAME.FileVarDefine,
+          COMMON_CHUNK_NAME.FileUtilDefine,
+          COMMON_CHUNK_NAME.FileMainContent,
+        ],
+      });
+    }
+
+    return next;
   };
-
-  const ir = next.ir as IProjectInfo;
-  if (ir.i18n) {
-    const [, i18nStr] = generateCompositeType(ir.i18n);
-
-    next.chunks.push({
-      type: ChunkType.STRING,
-      fileType: FileType.JS,
-      name: COMMON_CHUNK_NAME.FileMainContent,
-      content: `
-        const i18nConfig = ${i18nStr};
-        let locale = 'en_US';
-
-        const changeLocale = (target) => {
-          locale = target;
-        };
-
-        const i18n = key => i18nConfig && i18nConfig[locale] && i18nConfig[locale][key] || '';
-      `,
-      linkAfter: [
-        COMMON_CHUNK_NAME.ExternalDepsImport,
-        COMMON_CHUNK_NAME.InternalDepsImport,
-        COMMON_CHUNK_NAME.FileVarDefine,
-        COMMON_CHUNK_NAME.FileUtilDefine,
-      ],
-    });
-
-    next.chunks.push({
-      type: ChunkType.STRING,
-      fileType: FileType.JS,
-      name: COMMON_CHUNK_NAME.FileExport,
-      content: `
-        export {
-          changeLocale,
-          i18n,
-        };
-      `,
-      linkAfter: [
-        COMMON_CHUNK_NAME.ExternalDepsImport,
-        COMMON_CHUNK_NAME.InternalDepsImport,
-        COMMON_CHUNK_NAME.FileVarDefine,
-        COMMON_CHUNK_NAME.FileUtilDefine,
-        COMMON_CHUNK_NAME.FileMainContent,
-      ],
-    });
-  }
-
-  return next;
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/plugins/project/utils.ts b/packages/code-generator/src/plugins/project/utils.ts
index f40ba41e2..1f6f0a152 100644
--- a/packages/code-generator/src/plugins/project/utils.ts
+++ b/packages/code-generator/src/plugins/project/utils.ts
@@ -2,6 +2,7 @@ import { COMMON_CHUNK_NAME } from '../../const/generator';
 
 import {
   BuilderComponentPlugin,
+  BuilderComponentPluginFactory,
   ChunkType,
   FileType,
   ICodeStruct,
@@ -9,52 +10,21 @@ import {
 } from '../../types';
 
 // TODO: How to merge this logic to common deps
-const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
-  const next: ICodeStruct = {
-    ...pre,
-  };
+const pluginFactory: BuilderComponentPluginFactory<unknown> = () => {
+  const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
+    const next: ICodeStruct = {
+      ...pre,
+    };
 
-  const ir = next.ir as IUtilInfo;
-
-  if (ir.utils) {
-    next.chunks.push({
-      type: ChunkType.STRING,
-      fileType: FileType.JS,
-      name: COMMON_CHUNK_NAME.FileExport,
-      content: `
-        export default {
-      `,
-      linkAfter: [
-        COMMON_CHUNK_NAME.ExternalDepsImport,
-        COMMON_CHUNK_NAME.InternalDepsImport,
-        COMMON_CHUNK_NAME.FileVarDefine,
-        COMMON_CHUNK_NAME.FileUtilDefine,
-        COMMON_CHUNK_NAME.FileMainContent,
-      ],
-    });
-
-    ir.utils.forEach(util => {
-      if (util.type === 'function') {
-        next.chunks.push({
-          type: ChunkType.STRING,
-          fileType: FileType.JS,
-          name: COMMON_CHUNK_NAME.FileVarDefine,
-          content: `
-            const ${util.name} = ${util.content};
-          `,
-          linkAfter: [
-            COMMON_CHUNK_NAME.ExternalDepsImport,
-            COMMON_CHUNK_NAME.InternalDepsImport,
-          ],
-        });
-      }
+    const ir = next.ir as IUtilInfo;
 
+    if (ir.utils) {
       next.chunks.push({
         type: ChunkType.STRING,
         fileType: FileType.JS,
         name: COMMON_CHUNK_NAME.FileExport,
         content: `
-          ${util.name},
+          export default {
         `,
         linkAfter: [
           COMMON_CHUNK_NAME.ExternalDepsImport,
@@ -64,26 +34,60 @@ const plugin: BuilderComponentPlugin = async (pre: ICodeStruct) => {
           COMMON_CHUNK_NAME.FileMainContent,
         ],
       });
-    });
 
-    next.chunks.push({
-      type: ChunkType.STRING,
-      fileType: FileType.JS,
-      name: COMMON_CHUNK_NAME.FileExport,
-      content: `
-        };
-      `,
-      linkAfter: [
-        COMMON_CHUNK_NAME.ExternalDepsImport,
-        COMMON_CHUNK_NAME.InternalDepsImport,
-        COMMON_CHUNK_NAME.FileVarDefine,
-        COMMON_CHUNK_NAME.FileUtilDefine,
-        COMMON_CHUNK_NAME.FileMainContent,
-      ],
-    });
-  }
+      ir.utils.forEach(util => {
+        if (util.type === 'function') {
+          next.chunks.push({
+            type: ChunkType.STRING,
+            fileType: FileType.JS,
+            name: COMMON_CHUNK_NAME.FileVarDefine,
+            content: `
+              const ${util.name} = ${util.content};
+            `,
+            linkAfter: [
+              COMMON_CHUNK_NAME.ExternalDepsImport,
+              COMMON_CHUNK_NAME.InternalDepsImport,
+            ],
+          });
+        }
 
-  return next;
+        next.chunks.push({
+          type: ChunkType.STRING,
+          fileType: FileType.JS,
+          name: COMMON_CHUNK_NAME.FileExport,
+          content: `
+            ${util.name},
+          `,
+          linkAfter: [
+            COMMON_CHUNK_NAME.ExternalDepsImport,
+            COMMON_CHUNK_NAME.InternalDepsImport,
+            COMMON_CHUNK_NAME.FileVarDefine,
+            COMMON_CHUNK_NAME.FileUtilDefine,
+            COMMON_CHUNK_NAME.FileMainContent,
+          ],
+        });
+      });
+
+      next.chunks.push({
+        type: ChunkType.STRING,
+        fileType: FileType.JS,
+        name: COMMON_CHUNK_NAME.FileExport,
+        content: `
+          };
+        `,
+        linkAfter: [
+          COMMON_CHUNK_NAME.ExternalDepsImport,
+          COMMON_CHUNK_NAME.InternalDepsImport,
+          COMMON_CHUNK_NAME.FileVarDefine,
+          COMMON_CHUNK_NAME.FileUtilDefine,
+          COMMON_CHUNK_NAME.FileMainContent,
+        ],
+      });
+    }
+
+    return next;
+  };
+  return plugin;
 };
 
-export default plugin;
+export default pluginFactory;
diff --git a/packages/code-generator/src/postprocessor/prettier/index.ts b/packages/code-generator/src/postprocessor/prettier/index.ts
index 947c535c2..f36009fad 100644
--- a/packages/code-generator/src/postprocessor/prettier/index.ts
+++ b/packages/code-generator/src/postprocessor/prettier/index.ts
@@ -1,22 +1,26 @@
 import prettier from 'prettier';
 
-import { PostProcessor } from '../../types';
+import { PostProcessor, PostProcessorFactory } from '../../types';
 
 const PARSERS = ['css', 'scss', 'less', 'json', 'html', 'vue'];
 
-const codePrettier: PostProcessor = (content: string, fileType: string) => {
-  let parser: prettier.BuiltInParserName;
-  if (fileType === 'js' || fileType === 'jsx') {
-    parser = 'babel';
-  } else if (PARSERS.indexOf(fileType) >= 0) {
-    parser = fileType as prettier.BuiltInParserName;
-  } else {
-    return content;
-  }
+const factory: PostProcessorFactory<unknown> = () => {
+  const codePrettier: PostProcessor = (content: string, fileType: string) => {
+    let parser: prettier.BuiltInParserName;
+    if (fileType === 'js' || fileType === 'jsx' || fileType === 'ts' || fileType === 'tsx') {
+      parser = 'babel';
+    } else if (PARSERS.indexOf(fileType) >= 0) {
+      parser = fileType as prettier.BuiltInParserName;
+    } else {
+      return content;
+    }
 
-  return prettier.format(content, {
-    parser,
-  });
+    return prettier.format(content, {
+      parser,
+    });
+  };
+
+  return codePrettier;
 };
 
-export default codePrettier;
+export default factory;
diff --git a/packages/code-generator/src/solutions/icejs.ts b/packages/code-generator/src/solutions/icejs.ts
index 10fe842c4..62a514008 100644
--- a/packages/code-generator/src/solutions/icejs.ts
+++ b/packages/code-generator/src/solutions/icejs.ts
@@ -28,36 +28,40 @@ export default function createIceJsProjectBuilder(): IProjectBuilder {
     template,
     plugins: {
       components: [
-        reactCommonDeps,
-        esmodule,
-        containerClass,
-        containerInjectUtils,
-        containerInitState,
-        containerLifeCycle,
-        containerMethod,
-        jsx,
-        css,
+        reactCommonDeps(),
+        esmodule({
+          fileType: 'jsx',
+        }),
+        containerClass(),
+        containerInjectUtils(),
+        containerInitState(),
+        containerLifeCycle(),
+        containerMethod(),
+        jsx(),
+        css(),
       ],
       pages: [
-        reactCommonDeps,
-        esmodule,
-        containerClass,
-        containerInjectUtils,
-        containerInitState,
-        containerLifeCycle,
-        containerMethod,
-        jsx,
-        css,
+        reactCommonDeps(),
+        esmodule({
+          fileType: 'jsx',
+        }),
+        containerClass(),
+        containerInjectUtils(),
+        containerInitState(),
+        containerLifeCycle(),
+        containerMethod(),
+        jsx(),
+        css(),
       ],
-      router: [esmodule, iceJsRouter],
-      entry: [iceJsEntry],
-      constants: [constants],
-      utils: [esmodule, utils],
-      i18n: [i18n],
-      globalStyle: [iceJsGlobalStyle],
-      htmlEntry: [iceJsEntryHtml],
-      packageJSON: [iceJsPackageJSON],
+      router: [esmodule(), iceJsRouter()],
+      entry: [iceJsEntry()],
+      constants: [constants()],
+      utils: [esmodule(), utils()],
+      i18n: [i18n()],
+      globalStyle: [iceJsGlobalStyle()],
+      htmlEntry: [iceJsEntryHtml()],
+      packageJSON: [iceJsPackageJSON()],
     },
-    postProcessors: [prettier],
+    postProcessors: [prettier()],
   });
 }
diff --git a/packages/code-generator/src/types/core.ts b/packages/code-generator/src/types/core.ts
index 804f4f3e6..750d41395 100644
--- a/packages/code-generator/src/types/core.ts
+++ b/packages/code-generator/src/types/core.ts
@@ -12,6 +12,8 @@ export enum FileType {
   HTML = 'html',
   JS = 'js',
   JSX = 'jsx',
+  TS = 'ts',
+  TSX = 'tsx',
   JSON = 'json',
 }
 
@@ -32,7 +34,7 @@ export type CodeGeneratorFunction<T> = (content: T) => string;
 
 export interface ICodeChunk {
   type: ChunkType;
-  fileType: FileType;
+  fileType: string;
   name: string;
   subModule?: string;
   content: ChunkContent;
@@ -53,6 +55,8 @@ export type BuilderComponentPlugin = (
   initStruct: ICodeStruct,
 ) => Promise<ICodeStruct>;
 
+export type BuilderComponentPluginFactory<T> = (config?: T) => BuilderComponentPlugin;
+
 export interface IChunkBuilder {
   run(
     ir: any,
@@ -142,6 +146,7 @@ export interface IProjectBuilder {
   generateProject(schema: IProjectSchema): Promise<IResultDir>;
 }
 
+export type PostProcessorFactory<T> = (config?: T) => PostProcessor;
 export type PostProcessor = (content: string, fileType: string) => string;
 
 // TODO: temp interface, need modify
diff --git a/packages/code-generator/src/types/schema.ts b/packages/code-generator/src/types/schema.ts
index f31bdeb09..343e6442d 100644
--- a/packages/code-generator/src/types/schema.ts
+++ b/packages/code-generator/src/types/schema.ts
@@ -144,14 +144,7 @@ export interface IContainerNodeItem extends IComponentNodeItem {
    * • componentWillUnmount()
    * • componentDidCatch(error, info)
    */
-  lifeCycles?: {
-    constructor?: IJSExpression;
-    render?: IJSExpression;
-    componentDidMount?: IJSExpression;
-    componentDidUpdate?: IJSExpression;
-    componentWillUnmount?: IJSExpression;
-    componentDidCatch?: IJSExpression;
-  }; // 生命周期Hook方法
+  lifeCycles?: Record<string, IJSExpression>; // 生命周期Hook方法
   methods?: {
     [methodName: string]: IJSExpression;
   }; // 自定义方法设置
diff --git a/packages/code-generator/tsconfig.json b/packages/code-generator/tsconfig.json
index eb8638577..7a6244f14 100644
--- a/packages/code-generator/tsconfig.json
+++ b/packages/code-generator/tsconfig.json
@@ -5,6 +5,7 @@
     "lib": [
       "es6"
     ],
+    "module": "commonjs",
     "types": ["node"],
     "baseUrl": ".",            /* Base directory to resolve non-absolute module names. */
   },