feat(module-loader): add "sync" param in options

affects: @vue-async/module-loader

exec scripts synchronously

Author: aceHubert

packages/module-loader/dev/main.ts

@@ -21,52 +21,59 @@ addRoutes([
   {
     path: 'remote-component-a',
     name: 'remote-component-a',
-    component: () => lazyLoadView(app.$componentLoader('componentA', '/static/componentA/componentA.umd.min.js')),
+    component: () =>
+      lazyLoadView(app.$componentLoader('componentA', 'http://localhost:7001/componentA/componentA.umd.min.js')),
   },
   {
     path: 'remote-component-b',
     name: 'remote-component-b',
-    component: () => lazyLoadView(app.$componentLoader('componentB', '/static/componentB/componentB.umd.min.js')),
+    component: () =>
+      lazyLoadView(app.$componentLoader('componentB', 'http://localhost:7001/componentB/componentB.umd.min.js')),
   },
   {
     path: 'wrong-component-name',
     name: 'wrong-component-name',
     component: () =>
-      lazyLoadView(app.$componentLoader('wrongComponentName', '/static/componentB/componentB.umd.min.js')),
+      lazyLoadView(
+        app.$componentLoader('wrongComponentName', 'http://localhost:7001/componentB/componentB.umd.min.js'),
+      ),
   },
   {
     path: 'wrong-component-entry',
     name: 'wrong-component-entry',
     component: () =>
-      lazyLoadView(app.$componentLoader('entry', 'http://www.xx.com/static/componentB/errorComponent.umd.min.js')),
+      lazyLoadView(
+        app.$componentLoader('entry', 'http://www.xx.comhttp://localhost:7001/componentB/errorComponent.umd.min.js'),
+      ),
   },
 ]);
 
 app
   .$moduleLoader(
     [
       {
-        dymanicRouter: '/static/dymanicRouter/dymanicRouter.umd.js',
+        dymanicRouter: 'http://localhost:7001/dymanicRouter/dymanicRouter.umd.js',
         // page 异步加载，样式限 page load 加载出来
         // dymanicRouter: {
-        //   entry: '/static/dymanicRouter/dymanicRouter.umd.min.js',
-        //   css: ['/static/dymanicRouter/css/1.281753bd.css', '/static/dymanicRouter/css/2.2b65cb29.css'],
+        //   entry: 'http://localhost:7001/dymanicRouter/dymanicRouter.umd.min.js',
+        //   css: ['http://localhost:7001/dymanicRouter/css/1.281753bd.css', 'http://localhost:7001/dymanicRouter/css/2.2b65cb29.css'],
         // },
+        sortTest: 'http://localhost:7001/sortTest/sortTest.umd.js',
         dymanicComponent: {
-          entry: '/static/dymanicComponent/dymanicComponent.umd.min.js',
-          styles: '/static/dymanicComponent/dymanicComponent.css',
+          entry: 'http://localhost:7001/dymanicComponent/dymanicComponent.umd.js',
+          styles: 'http://localhost:7001/dymanicComponent/dymanicComponent.css',
         },
       },
       {
         // 同名
         moduleName: 'dymanicComponent',
-        entry: '/static/dymanicComponentCopy/dymanicComponent.umd.min.js',
-        styles: '/static/dymanicComponentCopy/dymanicComponent.css',
+        entry: 'http://localhost:7001/dymanicComponentCopy/dymanicComponent.umd.min.js',
+        styles: 'http://localhost:7001/dymanicComponentCopy/dymanicComponent.css',
       },
       {
         // 错误 module name (执行正常)
         moduleName: 'wrongName',
-        entry: '/static/dymanicComponentCopy/dymanicComponent.umd.min.js',
+        entry: 'http://localhost:7001/dymanicComponentCopy/dymanicComponent.umd.min.js',
       },
       {
         // 错误 entry (执行 error)
@@ -79,14 +86,16 @@ app
       // },
     ],
     {
+      // sync: true,
       success: () => {
         app.$mount('#app');
       },
       error(msg, module) {
+        // eslint-disable-next-line no-console
         console.warn(msg, module);
       },
     },
   )
   .then(() => {
-    // then won't exec when success is set in options
+    // then won't exec when success set up
   });

packages/module-loader/dev/server/index.js

@@ -0,0 +1,11 @@
+const path = require('path');
+const express = require('express');
+const app = express();
+
+const ipAddress = process.env.MODULE_IP_ADDRESS || '127.0.0.1';
+const port = process.env.MODULE_PORT || 7001;
+
+app.use('/', express.static(path.join(__dirname, './dist')));
+
+// eslint-disable-next-line no-console
+app.listen(port, ipAddress, () => console.log(`Module server is listening on: ${ipAddress}:${port}`));