feat: support mpa loader

packages/build-mpa-config/package.json

@@ -23,6 +23,7 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "dependencies": {
-    "fs-extra": "^8.1.0"
+    "fs-extra": "^8.1.0",
+    "loader-utils": "^2.0.0"
   }
 }

packages/build-mpa-config/src/index.ts

@@ -3,11 +3,13 @@ import getEntries from './getEntries';
 
 interface ConfigOptions {
   rootDir: string;
-  filterEntries?: Function;
+  filterEntries: Function;
+  type: string;
+  framework: string;
 }
 
 const setMPAConfig = (config, options: ConfigOptions) => {
-  const { rootDir, filterEntries = (v) => v } = options || {};
+  const { rootDir, type = 'web', framework = 'rax', filterEntries = (v) => v } = options || {};
   let mpaEntries = getEntries(rootDir);
   mpaEntries = filterEntries(mpaEntries);
   // clear entry points
@@ -17,7 +19,7 @@ const setMPAConfig = (config, options: ConfigOptions) => {
   mpaEntries.forEach((entry) => {
     const { entryName, entryPath, pageName } = entry;
     const pageEntry = path.join(rootDir, 'src/pages', entryPath);
-    config.entry(entryName).add(pageEntry);
+    config.entry(entryName).add(/app\.(t|j)sx?$/.test(entryPath) ? pageEntry : `${require.resolve('./mpa-loader')}?type=${type}&framework=${framework}!${pageEntry}`);
     // get page paths for rule match
     const matchStr = `src/pages/${pageName}`;
     matchStrs.push(process.platform === 'win32' ? matchStr.replace(/\//g, '\\\\') : matchStr);

packages/build-mpa-config/src/mpa-loader.ts

@@ -0,0 +1,41 @@
+import { getOptions } from 'loader-utils';
+
+function mpaLoader() {
+  const options = getOptions(this) || {};
+  const framework = options.framework || 'rax';
+  const withSSR = process.env.__SSR_ENABLED__ === 'true';
+  let appRender = '';
+  if (options.type === 'weex') {
+    appRender = 'render(createElement(Entry), null, { driver: DriverUniversal });';
+  } else {
+    appRender = `
+      const renderApp = async function() {
+        // process App.getInitialProps
+        if (withSSR && window.__INITIAL_DATA__ && window.__INITIAL_DATA__.pageData !== null) {
+          Object.assign(comProps, window.__INITIAL_DATA__.pageData);
+        } else if (Component.getInitialProps) {
+          Object.assign(comProps, await Component.getInitialProps());
+        }
+        render(createElement(Entry), document.getElementById("root"), { driver: DriverUniversal, hydrate: withSSR });
+      }
+
+      renderApp();
+    `;
+  }
+  const source = `
+  import { render, createElement } from '${framework}';
+  import Component from '${process.platform === 'win32' ? this.resourcePath.replace(/\//g, '\\\\') : this.resourcePath}';
+  import DriverUniversal from 'driver-universal';
+  const withSSR = ${withSSR};
+
+  const comProps = {};
+
+  function Entry() {
+    return createElement(Component, comProps);
+  }
+  ${appRender}
+  `;
+  return source;
+}
+
+export default mpaLoader;