feat: Add method for execution after service.

Author: jaywcjlove

README.md

@@ -128,9 +128,11 @@ import { LoaderConfOptions, DevServerConfigFunction, MockerAPIOptions } from 'kk
 
 type KKTRC = {
   proxySetup?: (app: express.Application) => MockerAPIOptions;
-  devServer?: (configFunction: DevServerConfigFunction, evn: string,) => DevServerConfigFunction;
-  default?: (conf: Configuration, evn: string, options: LoaderConfOptions) => Configuration;
-}
+  devServer?: (configFunction: DevServerConfigFunction, evn: string) => DevServerConfigFunction;
+  default?: (conf: Configuration, evn: string, options: LoaderConfOptions)
+    => Configuration & { config: Configuration, after: () => void };
+};
+
 type DevServerConfigFunction = (proxy: WebpackDevServer.ProxyConfigArrayItem[], allowedHost: string)
     => WebpackDevServer.Configuration;
 ```

core/README.md

@@ -81,6 +81,7 @@ You can download the following examples directly. [Download page](https://kktjs.
 - [**`typescript`**](https://github.com/kktjs/kkt/tree/master/example/typescript) - Use an example of `TypeScript`. [`Open in CodeSandbox`](https://codesandbox.io/s/github/kktjs/kkt/tree/master/example/typescript)
 - [**`uiw`**](https://github.com/kktjs/kkt/tree/master/example/uiw) - Use [`uiw`](https://uiwjs.github.io/) for the project. [`Open in CodeSandbox`](https://codesandbox.io/s/github/kktjs/kkt/tree/master/example/uiw)
 
+
 ## How to rewire your create-react-app project
 
 > Create your app using [create-react-app](https://github.com/facebook/create-react-app) and then rewire it.
@@ -127,9 +128,11 @@ import { LoaderConfOptions, DevServerConfigFunction, MockerAPIOptions } from 'kk
 
 type KKTRC = {
   proxySetup?: (app: express.Application) => MockerAPIOptions;
-  devServer?: (configFunction: DevServerConfigFunction, evn: string,) => DevServerConfigFunction;
-  default?: (conf: Configuration, evn: string, options: LoaderConfOptions) => Configuration;
-}
+  devServer?: (configFunction: DevServerConfigFunction, evn: string) => DevServerConfigFunction;
+  default?: (conf: Configuration, evn: string, options: LoaderConfOptions)
+    => Configuration & { config: Configuration, after: () => void };
+};
+
 type DevServerConfigFunction = (proxy: WebpackDevServer.ProxyConfigArrayItem[], allowedHost: string)
     => WebpackDevServer.Configuration;
 ```

core/src/scripts/build.ts

@@ -15,17 +15,28 @@ export default async function build(argvs: ParsedArgs) {
     const kktrc: KKTRC = await overrides();
     const overridesHandle = kktrc.default || kktrc;
 
+    let afterHandle: () => void = undefined;
     if (overridesHandle && typeof overridesHandle === 'function') {
       // Source maps are resource heavy and can cause out of memory issue for large source files.
       const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
       const webpackConf = miniCssExtractPlugin(webpackConfig('production'));
       // override config in memory
-      require.cache[require.resolve(webpackConfigPath)].exports = (env: string) =>
-        overridesHandle(webpackConf, env, { ...argvs, shouldUseSourceMap, paths, kktrc });
+      require.cache[require.resolve(webpackConfigPath)].exports = (env: string) => {
+        const conf = overridesHandle(webpackConf, env, { ...argvs, shouldUseSourceMap, paths, kktrc });
+        if (conf && conf.config) {
+          afterHandle = conf.after;
+          return conf.config;
+        }
+        return conf;
+      };
     }
 
     // run original script
-    require(`${reactScripts}/scripts/build`);
+    await require(`${reactScripts}/scripts/build`);
+    // Can be used for server-side rendering development
+    if (afterHandle && typeof afterHandle === 'function') {
+      await afterHandle();
+    }
   } catch (error) {
     console.log('KKT:BUILD:ERROR:', error);
   }

core/src/scripts/start.ts

@@ -35,6 +35,7 @@ export default async function build(argvs: ParsedArgs) {
     // Source maps are resource heavy and can cause out of memory issue for large source files.
     const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
     const overridesHandle = kktrc.default || kktrc;
+    let afterHandle: () => void = undefined;
     if (overridesHandle && typeof overridesHandle === 'function') {
       const webpackConf = miniCssExtractPlugin(webpackConfig('development'));
       // override config in memory
@@ -43,12 +44,21 @@ export default async function build(argvs: ParsedArgs) {
         if (kktrc && kktrc.proxySetup && typeof kktrc.proxySetup === 'function') {
           cacheData({ proxySetup: kktrc.proxySetup });
         }
-        return overridesHandle(webpackConf, env, { ...argvs, shouldUseSourceMap, paths, devServerConfig, kktrc });
+        const conf = overridesHandle(webpackConf, env, { ...argvs, shouldUseSourceMap, paths, devServerConfig, kktrc });
+        if (conf && conf.config) {
+          afterHandle = conf.after;
+          return conf.config;
+        }
+        return conf;
       };
     }
 
     // run original script
-    require(`${reactScripts}/scripts/start`);
+    await require(`${reactScripts}/scripts/start`);
+    // Can be used for server-side rendering development
+    if (afterHandle && typeof afterHandle === 'function') {
+      await afterHandle();
+    }
   } catch (error) {
     console.log('KKT:START:ERROR:', error);
   }

core/src/utils/loaderConf.ts

@@ -39,10 +39,15 @@ export type DevServerConfigFunction = (
   proxy: WebpackDevServer.ProxyConfigArrayItem[],
   allowedHost: string,
 ) => WebpackDevServer.Configuration;
+
 export type KKTRC = {
   proxySetup?: (app: express.Application) => MockerAPIOptions;
   devServer?: (configFunction: DevServerConfigFunction, evn: string) => DevServerConfigFunction;
-  default?: (conf: Configuration, evn: string, options: LoaderConfOptions) => Configuration;
+  default?: (
+    conf: Configuration,
+    evn: string,
+    options: LoaderConfOptions,
+  ) => Configuration & { config: Configuration; after: () => void };
 };
 
 export async function loaderConf(rcPath: string): Promise<KKTRC> {