@xujingquan/elpis 1.0.0

package/app/webpack/config/webpack-prod.js

@@ -0,0 +1,192 @@
+const path = require('path');
+const glob = require('glob');
+const merge = require('webpack-merge');
+
+// Node 环境下为依赖提供 crypto.getRandomValues
+const { webcrypto } = require('crypto');
+global.crypto = webcrypto;
+
+const os = require('os');
+// const HappyPack = require('happypack'); // 多线程打包工具
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const HtmlWebpackInjectAttributesPlugin = require('html-webpack-inject-attributes-plugin');
+const TerserWebpackPlugin = require('terser-webpack-plugin');
+const CompressionPlugin = require('compression-webpack-plugin');
+const { PurgeCSSPlugin } = require('purgecss-webpack-plugin');
+
+const { cssCollectSafelist } = require('./utils');
+
+// 多线程 build 设置
+// const happypackCommonConfig = {
+//   debug: false,
+//   threadPool: HappyPack.ThreadPool({
+//     // 某些受限运行环境（例如沙箱）可能拿不到 CPU 信息，导致 length 为 0
+//     size: Math.max(1, os.cpus().length || 0)
+//   })
+// };
+const threadLoaderConfig = {
+  workers: Math.max(1, os.cpus().length || 0),
+  workerParallelJobs: 50,
+  workerNodeArgs: ['--max-old-space-size=1024'],
+  poolRespawn: false,
+  poolTimeout: 2000,
+  poolParallelJobs: 50,
+};
+
+// 基础配置
+const baseConfig = require('./webpack.base');
+
+// 生产环境配置
+const webpackConfig = merge(baseConfig, {
+  mode: 'production',
+  devtool: 'source-map',
+  // 生产环境的 output 配置
+  output: {
+    filename: 'js/[name]_[chunkhash:8].bundle.js',
+    path: path.join(process.cwd(), './app/public/dist/prod/'),
+    publicPath: '/dist/prod/',
+    crossOriginLoading: 'anonymous', // 允许跨域
+    clean: true, // 和 clean-webpack-plugin 插件一样
+  },
+  module: {
+    // 使用 require.resolve 告诉 webpack loader 使用 elpis 中安装的插件
+    rules: [
+      // {
+      //   // 压缩 css 文件开启多线程
+      //   test: /\.css$/i,
+      //   use: [MiniCssExtractPlugin.loader, 'happypack/loader?id=css']
+      // },
+      // {
+      //   test: /\.js$/i,
+      //   // 只处理这部分代码
+      //   include: [path.resolve(process.cwd(), './app/pages')],
+      //   use: ['happypack/loader?id=js']
+      // }
+      {
+        test: /\.css$/i,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: require.resolve('thread-loader'),
+            options: threadLoaderConfig,
+          },
+          {
+            loader: require.resolve('css-loader'),
+            options: {
+              importLoaders: 2,
+              esModule: false,
+            },
+          },
+          {
+            loader: require.resolve('postcss-loader'),
+            options: {
+              postcssOptions: {
+                plugins: [['postcss-preset-env', {}]],
+              },
+            },
+          },
+        ],
+      },
+      {
+        test: /\.js$/i,
+        include: [
+          // 处理 elips  目录
+          path.resolve(__dirname, '../../pages'),
+          // 处理 业务 目录
+          path.resolve(process.cwd(), '.app/pages'),
+        ],
+        // js 文件使用 babel-loader 并且添加 babel.config.js 会根据这个文件去做兼容处理
+        use: [
+          {
+            loader: require.resolve('thread-loader'),
+            options: threadLoaderConfig,
+          },
+          require.resolve('babel-loader'),
+        ],
+      },
+    ],
+  },
+  // webpack 不会有大量 hints 信息，默认为 warning
+  performance: {
+    hints: false,
+  },
+  plugins: [
+    // 01.每次 build 前，清空 public/dist 目录
+    // new html-webpack-plugin
+    // 配置 output.clean 无需使用html-webpack-plugin
+    // --
+    // 02.提取 css 的公共部分。有效利用缓存（非公共部分使用 inline）
+    new MiniCssExtractPlugin({
+      chunkFilename: 'css/[name]_[contenthash:8].bundle.css',
+    }),
+    // 03.css 树摇
+    new PurgeCSSPlugin({
+      paths: glob.sync(`${path.join(__dirname, '../../pages')}/**/*`, {
+        nodir: true,
+      }),
+      safelist: cssCollectSafelist, // 安全列表
+    }),
+    // 04.优化并压缩 css 资源
+    new CssMinimizerPlugin(),
+    // 05.多线程打包 js  加速打包速度
+    // new HappyPack({
+    //   ...happypackCommonConfig,
+    //   id: 'js',
+    //   loaders: [
+    //     `babel-loader?${JSON.stringify({
+    //       presets: ['@babel/preset-env'],
+    //       plugins: ['@babel/plugin-transform-runtime']
+    //     })}`
+    //   ]
+    // }),
+    // 06.多线程打包 css 加快打包速度
+    // new HappyPack({
+    //   ...happypackCommonConfig,
+    //   id: 'css',
+    //   loaders: [
+    //     {
+    //       path: 'css-loader',
+    //       options: {
+    //         importLoaders: 2
+    //       }
+    //     }
+    //   ]
+    // }),
+    // 07.浏览器在请求资源时不发送用户的身份凭证
+    new HtmlWebpackInjectAttributesPlugin({
+      crossorigin: 'anonymous',
+    }),
+    // 08 添加资源压缩
+    new CompressionPlugin({
+      test: /\.(css|js)$/, // 只匹配css、js 文件
+      minRatio: 0.8, // 压缩比例
+      threshold: 0, // 体积大于 开始压缩
+      algorithm: 'gzip', // 压缩算法
+    }),
+    // 09.打包时间和内容分析
+    // new BundleAnalyzerPlugin()
+  ],
+  optimization: {
+    usedExports: true, // 标记不被使用的代码，后续需要配置 minimize 和 terser-webpack-plugin 去做代码剥离不进行打包
+    minimize: true, // 需要使用 terser-webpack-plugin 就需要设置为true
+    minimizer: [
+      // 01.使用 TerserWebpackPlugin 的并发和缓存，提升压缩阶段的性能
+      new TerserWebpackPlugin({
+        // extractComments: true, // 启用/禁用剥离注释功能
+        // cache: true, // 启用缓存来构建过程
+        parallel: true, // 利用多核 CPU 的优势来加快压缩速度
+        terserOptions: {
+          ecma: 2020,
+          // 02.清除 console,log
+          compress: {
+            // 移除所有 console.* 语句
+            drop_console: true,
+          },
+        },
+      }),
+    ],
+  },
+});
+
+module.exports = webpackConfig;

package/app/webpack/config/webpack.base.js

@@ -0,0 +1,273 @@
+const path = require('path');
+const webpack = require('webpack');
+const glob = require('glob');
+const fs = require('fs');
+
+const { VueLoaderPlugin } = require('vue-loader');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const merge = require('webpack-merge');
+
+// 动态构造 elipsPageEntries(入口文件) & elipsHtmlWebpackPluginList(渲染页面)
+const elipsPageEntries = {};
+const elipsHtmlWebpackPluginList = [];
+// 获取 elips/app/pages 目录下的所有入口文件 (enter.xx.js)
+const elipsEntryList = path.resolve(__dirname, '../../pages/**/entry.*.js');
+glob.sync(elipsEntryList).forEach((file) => {
+  haneleFile(file, elipsPageEntries, elipsHtmlWebpackPluginList);
+});
+
+// 动态构造 businessPageEntries(入口文件) & businessHtmlWebpackPluginList(渲染页面)
+const businessPageEntries = {};
+const businessHtmlWebpackPluginList = [];
+// 获取 business/app/pages 目录下的所有入口文件 (enter.xx.js)
+const businessEntryList = path.resolve(process.cwd(), './app/pages/**/entry.*.js');
+glob.sync(businessEntryList).forEach((file) => {
+  haneleFile(file, businessPageEntries, businessHtmlWebpackPluginList);
+});
+
+// 构造相关 webpack 处理的相关数据结构
+function haneleFile(file, entries = {}, htmlWebpackPluginList = []) {
+  // basename 获取路径文件的基础名称 ./app/pages/entry.page1.js => entry.page1
+  const entryName = path.basename(file, '.js');
+  // 构造 entry
+  entries[entryName] = file;
+  // 构造最终渲染页面文件
+  htmlWebpackPluginList.push(
+    new HtmlWebpackPlugin({
+      // 最终模版输出路径
+      filename: path.resolve(process.cwd(), './app/public/dist/', `${entryName}.tpl`),
+      // 使用模版路径
+      template: path.resolve(__dirname, '../../view/entry.tpl'),
+      // 摇注入的代码块（只会把 entry.page2 相关的资源（以及它依赖的运行时代码/分包，如果配置了 splitChunks 等）注入到这个 tpl 里）
+      chunks: [entryName],
+    })
+  );
+}
+
+// 加载业务 webpack 配置, merge 到 elips 中
+let businessWebpackConfig = {};
+try {
+  businessWebpackConfig = require(`${process.cwd()}/app/webpack.config.js`);
+} catch (e) {}
+
+/**
+ * webpack 基础配置
+ */
+module.exports = merge(businessWebpackConfig, {
+  // 入口配置
+  entry: Object.assign({}, elipsPageEntries, businessPageEntries), // 框架入口 & 业务入口
+  // loader 配置，模块解析配置
+  module: {
+    // 使用 require.resolve 告诉 webpack loader 使用 elpis 中安装的插件
+    rules: [
+      // vue 文件使用 vue-loader
+      {
+        test: /\.vue$/i,
+        use: [require.resolve('vue-loader')],
+      },
+      // js 文件使用 babel-loader 并且添加 babel.config.js 会根据这个文件去做兼容处理
+      {
+        test: /\.js$/i,
+        // 只处理这部分代码
+        include: [
+          // 处理 elips  目录
+          path.resolve(__dirname, '../../pages'),
+          // 处理 业务 目录
+          path.resolve(process.cwd(), '.app/pages'),
+        ],
+
+        use: [require.resolve('babel-loader')],
+      },
+      // 图片资源文件使用webpack 提供的资源模块替换loader
+      {
+        test: /\.(png|jpe?g|gif)$/i,
+        type: 'asset',
+        // generator: {
+        //   filename: 'images/[name].[hash:4][ext]'
+        // },
+        parser: {
+          dataUrlCondition: {
+            maxSize: 4 * 1024, // 4kb
+          },
+        },
+      },
+      // css文件
+      {
+        test: /\.css$/i,
+        use: [
+          require.resolve('style-loader'),
+          {
+            loader: require.resolve('css-loader'),
+            options: {
+              importLoaders: 2,
+              esModule: false,
+            },
+          },
+          {
+            loader: require.resolve('postcss-loader'), // 用于浏览器兼容
+            options: {
+              postcssOptions: {
+                plugins: [['postcss-preset-env', {}]],
+              },
+            },
+          },
+        ],
+      },
+      // less 文件
+      {
+        test: /\.less$/i,
+        use: [
+          require.resolve('style-loader'),
+          require.resolve('css-loader'),
+          require.resolve('less-loader'),
+        ],
+      },
+      // 字体文件
+      {
+        test: /\.(woff|woff2|eot|ttf|otf|svg)$/i,
+        type: 'asset/resource',
+        // generator: {
+        //   filename: 'font/[name].[hash:3][ext]'
+        // }
+      },
+    ],
+  },
+  // 打包输出路径
+  // output: {},
+  // 模块解析,例如alias，告诉 webpack如何解析到具体路径
+  resolve: {
+    alias: (() => {
+      const aliasMap = {};
+      const blankModulePath = path.resolve(__dirname, '..libs/blank.js');
+
+      // 01.dashboard 路由扩展配置
+      const businessDashboardRoutreConfig = path.resolve(
+        process.cwd(),
+        './app/pages/dashboard/router.js'
+      );
+      aliasMap['$businessDashboardRoutreConfig'] = fs.existsSync(businessDashboardRoutreConfig)
+        ? businessDashboardRoutreConfig
+        : blankModulePath;
+
+      // 02.schema-view component 扩展配置
+      const businessComponentConfig = path.resolve(
+        process.cwd(),
+        './app/pages/dashboard/complex-view/schema-view/components/component-config.js'
+      );
+      aliasMap['$businessComponentConfig'] = fs.existsSync(businessComponentConfig)
+        ? businessComponentConfig
+        : blankModulePath;
+
+      // 03.schema-form 扩展配置
+      const businessFormItemConfig = path.resolve(
+        process.cwd(),
+        './app/pages/widgets/schema-form/form-item-config.js'
+      );
+      aliasMap['$businessFormItemConfig'] = fs.existsSync(businessFormItemConfig)
+        ? businessFormItemConfig
+        : blankModulePath;
+
+      // 04 schema-search-bar  扩展配置
+      const businessSearchItemConfig = path.resolve(
+        process.cwd(),
+        './app/pages/widgets/schema-search-bar/search-item-config.js'
+      );
+      aliasMap['$businessSearchItemConfig'] = fs.existsSync(businessSearchItemConfig)
+        ? businessSearchItemConfig
+        : blankModulePath;
+
+      return {
+        vue: require.resolve('vue'), // 使用 require.resolve 告诉 webpack 去这里找
+        $elpisPages: path.resolve(__dirname, '../../pages'),
+        $elpisCommon: path.resolve(__dirname, '../../pages/common'),
+        $elpisUtils: path.resolve(__dirname, '../../pages/common/utils'),
+        $elpisWidgets: path.resolve(__dirname, '../../pages/widgets'),
+        $elpisHeaderContainer: path.resolve(
+          __dirname,
+          '../../pages/widgets/header-container/header-container.vue'
+        ),
+        $elpisSiderContainer: path.resolve(
+          __dirname,
+          '../../pages/widgets/sider-container/sider-container.vue'
+        ),
+        $elpisSchemaTable: path.resolve(
+          __dirname,
+          '../../pages/widgets/schema-table/schema-table.vue'
+        ),
+        $elpisSchemaForm: path.resolve(
+          __dirname,
+          '../../pages/widgets/schema-form/schema-form.vue'
+        ),
+        $elpisSchemaSearchBar: path.resolve(
+          __dirname,
+          '../../pages/widgets/schema-search-bar/schema-search-bar.vue'
+        ),
+        $elpisStore: path.resolve(__dirname, '../../pages/store'),
+        $elpisBoot: path.resolve(__dirname, '../../pages/boot.js'), // vue 启动文件暴露给外部使用，用来创建页面
+        ...aliasMap,
+      };
+    })(), // 配置路径别名
+    extensions: ['.js', '.vue', '.less', '.css', '...'], // 用户引入文件可以不带后缀
+  },
+  // 配置 webpack 插件
+  plugins: [
+    // 处理 . vue 文件。这个插件是必须的
+    // 它的职能是将你定义过的其他规则复制并应用到 .vue 文件里
+    // 例如，如果有一条匹配规则 /\.js$/ 的规则，那么它会应用到 .vue 文件中的 <script></script> 中
+    new VueLoaderPlugin(),
+    // 把第三方库暴露到 window context 下
+    new webpack.ProvidePlugin({
+      Vue: 'vue',
+      axios: 'axios',
+      _: 'lodash',
+    }),
+    // 定义全局常量
+    new webpack.DefinePlugin({
+      __VUE_OPTIONS_API__: 'true', // 支持 vue 解析 options api
+      __VUE_PROD_DEVTOOLS__: 'false', // 禁用 vue 调试工具
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false', // 禁用生产环境显示 '水合' 信息
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
+    }),
+    // 构造最终渲染的页面模版
+    ...elipsHtmlWebpackPluginList,
+    ...businessHtmlWebpackPluginList,
+  ],
+  // 配置打包输出优化（代码分割、模块合并、缓存、树摇（TreeShaing）、压缩等优化）
+  optimization: {
+    runtimeChunk: true,
+    /**
+     * 把 js 文件打包分成三种类型
+     * 01. vendor: 第三方 lib 库，基本不会改动，除非依赖版本升级。
+     * 02. common: 业务组件代码的公共部分抽取出来，改动较少。
+     * 03. entry.{page}: 不用页面 entry 里的业务组件代码的差异部分，会经常改动。
+     * 目的: 把改动和引用频率不一样的 js 区分出来，以达到更好利用浏览器缓存的效果。
+     */
+    splitChunks: {
+      chunks: 'all', // all（全部代码）、async（异步代码）、initial（同步代码），可以使用这些chunk进行优化
+      maxAsyncRequests: 10, // 按需加载时的最大并行请求数。
+      maxInitialRequests: 10, // 入口点的最大并行请求数。
+      // 缓存组可以继承和/或覆盖来自 splitChunks.* 的任何选项
+      cacheGroups: {
+        // key 值可以按照自己规则去起名，例如现在的 vendor 、common
+        // 第三方依赖库
+        vendor: {
+          test: /[\\/]node_modules[\\/]/, // 路径或者文件名称
+          name: 'vendor', // 模块名称
+          // filename: 'js/[id]_vendor.js', // 输出的文件名称
+          priority: 0, // 优先级，值越大优先级就高
+          enforce: true, // 是否强制执行
+          reuseExistingChunk: true, // 复用已有的公共模块
+        },
+        // 公共模块
+        common: {
+          test: /[\\/]common|widgets[\\/]/, // 只处理这些文件，不影响路由的懒加载
+          name: 'common',
+          minChunks: 2, // 被引入的次数超过 2 次的,即视为公共模块
+          minSize: 1, // 最小分割文件大小、根据自己的文件大小去分配（目前 1 byte）实际不会填写这么小的值
+          priority: -10, // 优先级，值越大优先级就高
+          reuseExistingChunk: true, // 复用已有的公共模块
+        },
+      },
+    },
+  },
+});

package/app/webpack/dev.js

@@ -0,0 +1,60 @@
+/**
+ * webpack dev 启动文件
+ * */
+const express = require('express');
+const path = require('path');
+const webpack = require('webpack');
+const devMiddleware = require('webpack-dev-middleware');
+const hotMiddleware = require('webpack-hot-middleware');
+const consoler = require('consoler');
+
+module.exports = () => {
+  const { webpackConfig, DEV_SERVER_CONFIG } = require('./config/webpack-dev');
+
+  const app = new express();
+
+  const compiler = webpack(webpackConfig);
+
+  // 指定静态文件目录
+  app.use(express.static(path.join(__dirname, '../public/dist/')));
+
+  // 引入 devMiddleware 中间件 监控文件改动
+  app.use(
+    devMiddleware(compiler, {
+      // 落地文件
+      writeToDisk: (filePath) => filePath.endsWith('.tpl'),
+      // 资源路径
+      publicPath: webpackConfig.output.publicPath,
+      // headers 配置
+      headers: {
+        'Access-Control-Allow-Origin': '*',
+        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+        'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+      },
+      stats: {
+        colors: true,
+        modules: false, // 不显示每个模块的打包信息
+        children: false, // 不显示子编译任务的信息
+        chunks: false, // 不显示每个代码块的信息
+        chunkModules: true, // 显示代码块中模块的信息
+        errorDetails: false, // 关闭错误详情
+      },
+    })
+  );
+
+  // 引入 hotMiddleware 中间件 实现热更新
+  app.use(
+    hotMiddleware(compiler, {
+      path: `/${DEV_SERVER_CONFIG.HMR_PATH}`,
+      log: () => {},
+    })
+  );
+
+  consoler.info('请等待webpack初次构建完成提示...');
+
+  // 启动 devServer 服务
+  const port = DEV_SERVER_CONFIG.PORT;
+  app.listen(port, () => {
+    console.log(`app listening on port ${port}`);
+  });
+};

package/app/webpack/libs/blank.js

@@ -0,0 +1 @@
+module.exports = {};

package/app/webpack/prod.js

@@ -0,0 +1,27 @@
+/**
+ * webpack 启动文件
+ * */
+const webpack = require('webpack');
+const webBaseConfig = require('./config/webpack-prod');
+
+module.exports = () => {
+  console.log('\nwebpack building... \n');
+
+  webpack(webBaseConfig, (err, stats) => {
+    if (err) {
+      console.log(err, '---err');
+      return;
+      // throw err;
+    }
+
+    process.stdout.write(
+      `${stats.toString({
+        colors: true, // 在控制台输出色彩信息
+        modules: false, // 不显示每个模块的打包信息
+        children: false, // 不显示子编译任务的信息
+        chunks: false, // 不显示每个代码块的信息
+        chunkModules: true, // 显示代码块中模块的信息
+      })}\n`
+    );
+  });
+};

package/babel.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        // useBuiltIns: false, 默认值，不对当前的 JS 处理做 polyfill 的填充
+        // useBuiltIns: 'usage' 依据用户源代码当中所使用到的新语法进行填充
+        // useBuiltIns: 'entry', 依据我们当前筛选出来的浏览器决定填充什么 .browserslistrc 配置进行填充
+        useBuiltIns: 'usage',
+        corejs: 3, // 因为我们安装的 corejs 的版本是v3 所以需要配置 3
+      },
+    ],
+  ],
+  plugins: ['@babel/plugin-transform-runtime'],
+};

package/commitlint.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+};

package/config/config.default.js

@@ -0,0 +1,4 @@
+module.exports = {
+  name: '默认elips',
+  age: 18,
+};

package/elpis-core/env.js

@@ -0,0 +1,20 @@
+module.exports = app => {
+  return {
+    // 判断是否本地环境
+    isLocal() {
+      return process.env._ENV === 'local';
+    },
+    // 判断是否测试环境
+    isBeta() {
+      return process.env._ENV === 'beta';
+    },
+    // 判断是否生成环境
+    isProduction() {
+      return process.env._ENV === 'production';
+    },
+    // 获取当前环境
+    get() {
+      return process.env._ENV ?? 'local';
+    }
+  };
+};

package/elpis-core/index.js

@@ -0,0 +1,86 @@
+const Koa = require('koa');
+const path = require('path');
+const { sep } = path; // 兼容不同操作系统的斜杆
+
+const env = require('./env');
+
+// 引入解析器
+const middlewareLoader = require('./loader/middleware');
+const routerSchemaLoader = require('./loader/router-schema');
+const routerLoader = require('./loader/router');
+const controllerLoader = require('./loader/controller');
+const serviceLoader = require('./loader/service');
+const configLoader = require('./loader/config');
+const extendLoader = require('./loader/extend');
+
+function start(options = {}) {
+  /**
+   * 启动项目
+   * @param options 项目配置
+   * options = {
+   *   name // 项目名称
+   *   homePage // 项目首页
+   * }
+   */
+  // 创建实例
+  const app = new Koa();
+  // 应用配置
+  app.options = options;
+  // 基础路径  -> 文件路径/elpis
+  app.baseDir = process.cwd();
+  // 业务文件路径（sep 是用来兼容不同操作环境中的斜杆） -> 文件路径/elpis/app
+  app.businessPath = path.resolve(app.baseDir, `.${sep}app`);
+  // 初始化环境配置
+  app.env = env();
+
+  // 加载 middleware
+  middlewareLoader(app);
+  // 加载 routerSchema
+  routerSchemaLoader(app);
+  // 加载 controller
+  controllerLoader(app);
+  // 加载 service
+  serviceLoader(app);
+  // 加载 config
+  configLoader(app);
+  // 加载 extend
+  extendLoader(app);
+
+  // 组册elips全局中间件
+  try {
+    require(path.resolve(__dirname, `..${sep}app${sep}middleware.js`))(app);
+    console.log('[start] global elips middleware');
+  } catch (e) {
+    console.log('[exception] there is no global elips middleware');
+  }
+
+  // 组册业务全局中间件
+  try {
+    require(`${app.businessPath}${sep}middleware.js`)(app);
+    console.log('[start] global business middleware');
+  } catch (e) {
+    console.log('[exception] there is no global business middleware');
+  }
+  // app/middleware.js
+  // 注册路由
+  routerLoader(app);
+
+  // 启动服务
+  try {
+    const port = process.env.PORT || 8080;
+    const host = process.env.IP || '0.0.0.0';
+
+    app.listen(port, host, () => {
+      console.log(`server is running port:${port}`);
+    });
+  } catch (e) {
+    console.log(e);
+  }
+
+  return app;
+}
+
+// 导出实例给外部使用
+module.exports = {
+  start,
+};