@jiangliffey/elpis 1.0.0

package/elpis-core/index.js

@@ -0,0 +1,96 @@
+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');
+
+
+module.exports = {
+    /**
+     * 启动项目
+     * @param options 项目配置
+     * options = {
+     *   name: '项目名称',
+     *   homPage: '项目主页',
+     * }
+     */
+    start(options = {}) {
+        // koa 实例
+        const app = new Koa();
+        
+        // 应用配置
+        app.options = options;
+
+        // 基础路径
+        app.baseDir = process.cwd();
+
+        // 业务文件路径
+        app.businessPath = path.resolve(app.baseDir, `.${sep}app`);
+
+        // 初始化环境配置
+        app.env = env(app);
+        console.log(`-- [start] env: ${app.env.getEnv()} --`);
+
+        // 加载 middleware
+        middlewareLoader(app);
+        console.log(`-- [start] middleware loaded --`);
+
+        // 加载 routerSchema
+        routerSchemaLoader(app);
+        console.log(`-- [start] routerSchema loaded --`);
+
+        // 加载 controller
+        controllerLoader(app);
+        console.log(`-- [start] controller loaded --`);
+
+        // 加载 service
+        serviceLoader(app);
+        console.log(`-- [start] service loaded --`);
+
+        // 加载 config
+        configLoader(app);
+        console.log(`-- [start] config loaded --`);
+
+        // 加载 extend
+        extendLoader(app);
+        console.log(`-- [start] extend loaded --`);
+
+        // 注册elpis全局中间件
+        const elpisMiddlewarePath = path.resolve(__dirname, `..${sep}app${sep}middleware.js`);
+        const elpisMiddleware = require(elpisMiddlewarePath);
+        elpisMiddleware(app);
+        console.log(`-- [start] global elpis middleware loaded --`);
+
+        // 注册业务全局中间件
+        try {
+            require(`${app.businessPath}${sep}middleware.js`)(app);
+            console.log(`-- [start] global business middleware loaded --`);
+        } catch (e) {
+            console.error('未找到业务全局中间件文件');
+        }
+
+        // 注册路由
+        routerLoader(app);
+        console.log(`-- [start] router loaded --`);
+
+        // 启动服务
+        try {
+            const port = process.env.PORT || 8080;
+            const host = process.env.IP || '0.0.0.0';
+            app.listen(port, host);
+            console.log(`Server running at ${port}`);
+        } catch (e) {
+            console.error(e);
+        }
+
+        return app;
+    }
+}

package/elpis-core/loader/config.js

@@ -0,0 +1,50 @@
+const path = require('path');
+const { env } = require('process');
+const { sep } = path; // 兼容不同操作系统上的斜杠
+
+/**
+ * config loader
+ * @param {object} app Koa实例
+ * 配置区分 本地/测试/生产环境，通过 env 环境读取不同的配置文件 env.config
+ * 通过 env.config 覆盖默认的 default.config 配置，加载到 app.config 上
+ * 
+ * 目录下对应的config配置
+ * 默认配置 config/config.default.js
+ * 本地配置 config/config.local.js
+ * 测试配置 config/config.beta.js
+ * 生产配置 config/config.prod.js
+ */
+
+module.exports = (app) => {
+    // elpis config 目录及相关文件
+    const elpisConfigPath = path.resolve(__dirname, `..${sep}..${sep}config`);
+    let defaultConfig = require(path.resolve(elpisConfigPath, `.${sep}config.default.js`));
+
+    // 获取 业务 config 目录及相关文件
+    const businessConfigPath = path.resolve(process.cwd(), `.${sep}config`);
+    try {
+        defaultConfig = {
+            ...defaultConfig,
+            ...require(path.resolve(businessConfigPath, `.${sep}config.default.js`))
+        }
+    } catch (e) {
+        console.warn('未找到默认配置文件 config.default.js');
+    }
+
+    // 获取 env.config
+    let envConfig = {};
+    try {
+        if(app.env.isLocal()) { // 本地环境
+            envConfig = require(path.resolve(businessConfigPath, `.${sep}config.local.js`));
+        } else if(app.env.isBeta()) { // 测试环境
+            envConfig = require(path.resolve(businessConfigPath, `.${sep}config.beta.js`));
+        } else if(app.env.isProduction()) { // 生产环境
+            envConfig = require(path.resolve(businessConfigPath, `.${sep}config.prod.js`));
+        }
+    } catch (e) {
+        console.warn('未找到环境配置文件 env.config.js');
+    }
+
+    // 覆盖并加载 config 配置
+    app.config = Object.assign({}, defaultConfig, envConfig);
+}

package/elpis-core/loader/controller.js

@@ -0,0 +1,54 @@
+const glob = require('glob');
+const path = require('path');
+const { sep } = path; // 兼容不同操作系统上的斜杠
+
+/**
+ * controller loader
+ * @param {object} app Koa实例
+ * 加载 所有controller，可通过 'app.controller.${目录}.${文件名}' 访问
+ * 例如：app.controller.auth.login 可访问 controller/auth/login.js 中的中间件
+ * 注意：中间件文件必须导出一个函数，且函数接受一个参数 app 
+ */
+
+module.exports = (app) => {
+    const controller = {};
+
+    // 读取 elpis/app/controller/xxx/xxx.js下的所有文件，加载中间件
+    const elpisControllerPath = path.resolve(__dirname, `..${sep}..${sep}app${sep}controller`);
+    const elpisFileList = glob.sync(path.resolve(elpisControllerPath, `.${sep}**${sep}**.js`));
+    elpisFileList.forEach(file => handleFile(file));
+
+    // 读取 业务根目录/app/controller/xxx/xxx.js下的所有文件，加载中间件
+    const businessControllerPath = path.resolve(app.businessPath, `.${sep}controller`);
+    const businessFileList = glob.sync(path.resolve(businessControllerPath, `.${sep}**${sep}**.js`));
+    businessFileList.forEach(file => handleFile(file));
+
+    // 遍历所有文件目录，把内容加载到 app.controller 上
+    function handleFile(file) {
+        // 提取文件名称
+        let name = path.resolve(file)
+
+        // 截取文件路径中 'app/controller/' 后面的部分，去掉 '.js' 后缀
+        name = name.substring(name.lastIndexOf(`controller${sep}`) + `controller${sep}`.length, name.lastIndexOf('.js'));
+
+        // 把 '-' 替换为驼峰命名
+        name = name.replace(/[_-]([a-z])/ig, (s) => s.substring(1).toUpperCase());
+        
+        // 挂载 controller 到内存 app 对象中
+        let tempController = controller;
+        const names = name.split(sep);
+        for (let i = 0, len = names.length; i < len; i++) {
+            if(i === len - 1) {
+                const controllerModule = require(path.resolve(file))(app);
+                tempController[names[i]] = new controllerModule();
+            } else {
+                if(!tempController[names[i]]) {
+                    tempController[names[i]] = {};
+                }
+                tempController = tempController[names[i]];
+            }
+        }
+    }
+
+    app.controller = controller;
+}

package/elpis-core/loader/extend.js

@@ -0,0 +1,49 @@
+const glob = require('glob');
+const path = require('path');
+const { sep } = path; // 兼容不同操作系统上的斜杠
+
+/**
+ * extend loader
+ * @param {object} app Koa实例
+ * 加载 所有extend，可通过 'app.extend.${文件名}' 访问
+ * 例如：
+ * app/extend
+ *    ├── custom-extend.js
+ *  ==> app.extend.customExtend
+ * 
+ */
+
+module.exports = (app) => {
+    // 读取 elpis/app/extend/xxx.js下的所有文件，加载中间件
+    const elpisExtendPath = path.resolve(__dirname, `..${sep}..${sep}app${sep}extend`);
+    const elpisFileList = glob.sync(path.resolve(elpisExtendPath, `.${sep}**${sep}**.js`));
+    elpisFileList.forEach(file => handleFile(file));
+
+    // 读取 业务/app/extend/xxx.js下的所有文件，加载中间件
+    const businessExtendPath = path.resolve(app.businessPath, `.${sep}extend`);
+    const businessFileList = glob.sync(path.resolve(businessExtendPath, `.${sep}**${sep}**.js`));
+    businessFileList.forEach(file => handleFile(file));
+
+    // 把内容加载到 app.extend 上
+    function handleFile(file) {
+        // 提取文件名称
+        let name = path.resolve(file)
+
+        // 截取文件路径中 'app/extend/' 后面的部分，去掉 '.js' 后缀
+        name = name.substring(name.lastIndexOf(`extend${sep}`) + `extend${sep}`.length, name.lastIndexOf('.js'));
+
+        // 把 '-' 替换为驼峰命名
+        name = name.replace(/[_-]([a-z])/ig, (s) => s.substring(1).toUpperCase());
+        
+        // 过滤app已经存在的key
+        for (const key in app) {
+            if(key === name) {
+                console.warn(`app对象已存在${name}属性，extend文件${file}加载失败`);
+                return;
+            }
+        }
+
+        // 挂载 extend 到内存 app 对象中
+        app[name] = require(path.resolve(file))(app);
+    }
+}

package/elpis-core/loader/middleware.js

@@ -0,0 +1,53 @@
+const glob = require('glob');
+const path = require('path');
+const { sep } = path; // 兼容不同操作系统上的斜杠
+
+/**
+ * middleware loader
+ * @param {object} app Koa实例
+ * 加载 所有middleware，可通过 'app.middlewares.${目录}.${文件名}' 访问
+ * 例如：app.middlewares.auth.login 可访问 middleware/auth/login.js 中的中间件
+ * 注意：中间件文件必须导出一个函数，且函数接受一个参数 app 
+ */
+
+module.exports = (app) => {
+    const middlewares = {};
+
+    // 读取 elpis/app/middleware/xxx/xxx.js下的所有文件，加载中间件
+    const elpisMiddlewarePath = path.resolve(__dirname, `..${sep}..${sep}app${sep}middleware`);
+    const elpisFileList = glob.sync(path.resolve(elpisMiddlewarePath, `.${sep}**${sep}**.js`));
+    elpisFileList.forEach(file => handleFile(file));
+
+    // 读取 业务根目录/app/middleware/xxx/xxx.js下的所有文件，加载中间件
+    const businessMiddlewarePath = path.resolve(app.businessPath, `.${sep}middleware`);
+    const businessFileList = glob.sync(path.resolve(businessMiddlewarePath, `.${sep}**${sep}**.js`));
+    businessFileList.forEach(file => handleFile(file));
+
+    // 遍历所有文件目录，把内容加载到 app.middleware 上
+    function handleFile(file) {
+        // 提取文件名称
+        let name = path.resolve(file)
+
+        // 截取文件路径中 'app/middleware/' 后面的部分，去掉 '.js' 后缀
+        name = name.substring(name.lastIndexOf(`middleware${sep}`) + `middleware${sep}`.length, name.lastIndexOf('.js'));
+
+        // 把 '-' 替换为驼峰命名
+        name = name.replace(/[_-]([a-z])/ig, (s) => s.substring(1).toUpperCase());
+        
+        // 挂载 middleware 到内存 app 对象中
+        let tempMiddleware = middlewares;
+        const names = name.split(sep);
+        for (let i = 0, len = names.length; i < len; i++) {
+            if(i === len - 1) {
+                tempMiddleware[names[i]] = require(path.resolve(file))(app);
+            } else {
+                if(!tempMiddleware[names[i]]) {
+                    tempMiddleware[names[i]] = {};
+                }
+                tempMiddleware = tempMiddleware[names[i]];
+            }
+        }
+    }
+
+    app.middlewares = middlewares;
+}

package/elpis-core/loader/router-schema.js

@@ -0,0 +1,41 @@
+const glob = require('glob');
+const path = require('path');
+const { sep } = path; // 兼容不同操作系统上的斜杠
+
+/**
+ * router-schema loader
+ * @param {object} app Koa实例
+ * 通过 'json-schema & ajv' 对API规则进行约束，配合 api-params-verify 中间件使用
+ * app/router-schema/xxx/xxx.js
+   输出:
+    app.routerSchema = {
+        '${api1}': ${jsonSchema},
+        '${api2}': ${jsonSchema},
+        '${api3}': ${jsonSchema},
+        ...
+    }
+ */
+
+module.exports = (app) => {
+    let routerSchema = {};
+
+    // 读取 elpis/app/router-schema/xxx/xxx.js下的所有文件
+    const elpisRouterSchemaPath = path.resolve(__dirname, `..${sep}..${sep}app${sep}router-schema`);
+    const elpisFileList = glob.sync(path.resolve(elpisRouterSchemaPath, `.${sep}**${sep}**.js`));
+    elpisFileList.forEach(file => handleFile(file));
+
+    // 读取 业务/router-schema/xxx/xxx.js下的所有文件
+    const businessRouterSchemaPath = path.resolve(app.businessPath, `.${sep}router-schema`);
+    const businessFileList = glob.sync(path.resolve(businessRouterSchemaPath, `.${sep}**${sep}**.js`));
+    businessFileList.forEach(file => handleFile(file));
+
+    // 注册所有 routerSchema 到 app.routerSchema 上(使得可以 'app.routerSchema' 这样访问)
+    function handleFile(file) {
+        routerSchema = {
+            ...routerSchema,
+            ...require(path.resolve(file))
+        }
+    }
+    
+    app.routerSchema = routerSchema;
+}

package/elpis-core/loader/router.js

@@ -0,0 +1,45 @@
+const KoaRouter = require('koa-router');
+const glob = require('glob');
+const path = require('path');
+const { sep } = path; // 兼容不同操作系统上的斜杠
+
+/**
+ * router loader
+ * @param {object} app Koa实例
+ * 解析所有 app/router/ 下的所有js文件，注册到 KoaRouter 上
+ */
+
+module.exports = (app) => {
+    // 实例化 KoaRouter
+    const router = new KoaRouter();
+
+    // 找到 elpis 路由文件路径
+    const elpisRouterPath = path.resolve(__dirname, `..${sep}..${sep}app${sep}router`);
+    // 注册所有 elpis 路由
+    const elpisFileList = glob.sync(path.resolve(elpisRouterPath, `.${sep}**${sep}**.js`))
+    elpisFileList.forEach(file => {
+        require(path.resolve(file))(app, router);
+    });
+
+    // 找到业务路由文件路径
+    const businessRouterPath = path.resolve(app.businessPath, `.${sep}router`);
+    // 注册所有业务路由
+    const businessFileList = glob.sync(path.resolve(businessRouterPath, `.${sep}**${sep}**.js`))
+    businessFileList.forEach(file => {
+        // module.exports = (app,router) => {
+        //     router.get('xxx/xxx/xxx/xxx', xxxController)
+        // }
+
+        require(path.resolve(file))(app, router);
+    });
+
+    // 路由兜底（健壮性）
+    router.get('*', async (ctx, next) => {
+        ctx.status = 404; //临时重定向
+        ctx.redirect(`${app?.options?.homePage ?? '/'}`);
+    });
+
+    // 路由注册到app上
+    app.use(router.routes());
+    app.use(router.allowedMethods());
+}

package/elpis-core/loader/service.js

@@ -0,0 +1,54 @@
+const glob = require('glob');
+const path = require('path');
+const { sep } = path; // 兼容不同操作系统上的斜杠
+
+/**
+ * service loader
+ * @param {object} app Koa实例
+ * 加载 所有service，可通过 'app.service.${目录}.${文件名}' 访问
+ * 例如：app.service.auth.login 可访问 service/auth/login.js 中的中间件
+ * 注意：中间件文件必须导出一个函数，且函数接受一个参数 app 
+ */
+
+module.exports = (app) => {
+    const service = {};
+    
+    // 读取 elpis/app/service/xxx/xxx.js下的所有文件，加载中间件
+    const elpisServicePath = path.resolve(__dirname, `..${sep}..${sep}app${sep}service`);
+    const elpisFileList = glob.sync(path.resolve(elpisServicePath, `.${sep}**${sep}**.js`));
+    elpisFileList.forEach(file => handleFile(file));
+
+    // 读取 业务根目录/app/service/xxx/xxx.js下的所有文件，加载中间件
+    const businessServicePath = path.resolve(app.businessPath, `.${sep}service`);
+    const businessFileList = glob.sync(path.resolve(businessServicePath, `.${sep}**${sep}**.js`));
+    businessFileList.forEach(file => handleFile(file));
+
+    // 遍历所有文件目录，把内容加载到 app.service 上
+    function handleFile(file) {
+        // 提取文件名称
+        let name = path.resolve(file)
+
+        // 截取文件路径中 'app/service/' 后面的部分，去掉 '.js' 后缀
+        name = name.substring(name.lastIndexOf(`service${sep}`) + `service${sep}`.length, name.lastIndexOf('.js'));
+
+        // 把 '-' 替换为驼峰命名
+        name = name.replace(/[_-]([a-z])/ig, (s) => s.substring(1).toUpperCase());
+        
+        // 挂载 service 到内存 app 对象中
+        let tempService = service;
+        const names = name.split(sep);
+        for (let i = 0, len = names.length; i < len; i++) {
+            if(i === len - 1) {
+                const serviceModule = require(path.resolve(file))(app);
+                tempService[names[i]] = new serviceModule();
+            } else {
+                if(!tempService[names[i]]) {
+                    tempService[names[i]] = {};
+                }
+                tempService = tempService[names[i]];
+            }
+        }
+    }
+
+    app.service = service;
+}

package/index.js

@@ -0,0 +1,40 @@
+// 引入elpis-core
+const ElpisCore = require('./elpis-core');
+// 引入 前端工程化构建方法
+const FEBuildDev = require('./app/webpack/dev.js');
+const FEBuildProd = require('./app/webpack/prod.js');
+
+module.exports = {
+  /**
+   * 服务端基础配置，供 elpis-core 使用
+   */
+  Controller: {
+    Base: require('./app/controller/base.js'),
+  },
+  Service: {
+    Base: require('./app/service/base.js'),
+  },
+
+  /**
+   * 编译构建前端工程
+   * @param env 环境变量 local/prod
+   */
+  fontendBuild(env) {
+    if (env === 'local') {
+      FEBuildDev();
+    } else if (env === 'production') {
+      FEBuildProd();
+    }
+  },
+
+  /**
+   * 启动 elpis
+   * @param options 项目配置，透传到 elpis-core
+  */
+  serverStart(options = {}) {
+    const app = ElpisCore.start(options);
+    return app;
+  }
+}
+
+

package/model/index.js

@@ -0,0 +1,99 @@
+const _ = require('lodash')
+const glob = require('glob');
+const path = require('path');
+const { sep } = path; // 兼容不同操作系统上的斜杠
+
+// project 继承 model 方法
+const projectExtendModel = (model, project) => {
+    return _.mergeWith({}, model, project, (modelValue, projValue) => {
+        // 处理数组合并的特殊情况
+        if(Array.isArray(modelValue) && Array.isArray(projValue)) {
+            let result = [];
+
+            // 因为 project 继承 model，所以需要处理修改和新增内容的情况
+            // project有的键值，model也有 => 修改（重载）
+            // project有的键值，model没有 => 新增（拓展）
+            // model有的键值，project没有 => 保留（继承）
+
+            // 处理修改和保留
+            for(let i = 0; i < modelValue.length; i++) {
+                let modelItem = modelValue[i];
+                const projItem = projValue.find(projItem => projItem.key === modelItem.key);
+                // project 有的键值，model也有，则递归调用 projectExtendModel 方法覆盖修改
+                result.push(projItem ? projectExtendModel(modelItem, projItem) : modelItem);
+            }
+
+            // 处理新增
+            for(let i = 0; i < projValue.length; i++) {
+                const projItem = projValue[i];
+                const modelItem = modelValue.find(modelItem => modelItem.key === projItem.key);
+                if(!modelItem) {
+                    result.push(projItem);
+                }
+            }
+
+            return result;
+        }
+    })
+}
+
+/**
+ * 解析 model 配置，并返回组织且继承后的数据结构
+ * [{
+ *  model: ${model}
+ *  project: {
+ *      proj1Key: ${proj1},
+ *      proj2Key: ${proj2}
+ *  }
+ * }, ...]
+ */
+module.exports = (app) => {
+    const modelList = [];
+
+    // 遍历当前文件夹，构造模型数据结构，挂载到 modelList 上
+    const modelPath = path.resolve(process.cwd(), `.${sep}model`);
+    const fileList = glob.sync(path.resolve(modelPath, `.${sep}**${sep}**.js`));
+    fileList.forEach(file => {
+        if(path.basename(file) === 'index.js') { return; }
+
+        // 区分配置类型（model / project）
+        const type = file.indexOf('/project/') > -1 ? 'project' : 'model';
+
+        if(type === 'project') {
+            const modelKey = file.match(/\/model\/(.*?)\/project/)?.[1];
+            const projKey = file.match(/\/project\/(.*?)\.js/)?.[1];
+            let modelItem = modelList.find(item => item.model?.key === modelKey);
+            if(!modelItem) {    //初始化 model 数据结构
+                modelItem = {};
+                modelList.push(modelItem);
+            }
+            if(!modelItem.project) {    //初始化 project 数据结构
+                modelItem.project = {};
+            }
+            modelItem.project[projKey] = require(path.resolve(file));
+            modelItem.project[projKey].key = projKey;   //注入 projectKey
+            modelItem.project[projKey].modelKey = modelKey; //注入 modelKey
+        };
+        
+        if(type === 'model') {
+            const modelKey = file.match(/\/model\/(.*?)\/model\.js/)?.[1];
+            let modelItem = modelList.find(item => item.model?.key === modelKey);
+            if(!modelItem) {
+                modelItem = {};
+                modelList.push(modelItem);
+            }
+            modelItem.model = require(path.resolve(file));
+            modelItem.model.key = modelKey; //注入 modelKey
+        };
+    });
+
+    // 数据进一步整理：project => 继承 model
+    modelList.forEach(item => {
+        const { model, project } =item;
+        for(const key in project) {
+            project[key] = projectExtendModel(model,project[key]);
+        }
+    })
+
+    return modelList;
+}

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@jiangliffey/elpis",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "lint": "eslint --quiet --ext .js,.vue",
+    "test": "set _ENV=local&& mocha \"test/**/*.js\""
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.code.tencent.com/jiangliffey/elpis.git"
+  },
+  "author": "jiangliffey",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/core": "^7.24.0",
+    "@babel/runtime": "^7.29.2",
+    "@element-plus/icons-vue": "^2.3.2",
+    "ajv": "^6.10.2",
+    "axios": "^0.19.2",
+    "echarts": "^5.5.0",
+    "element-plus": "^2.3.7",
+    "generate-password": "^1.7.1",
+    "glob": "^7.1.4",
+    "jsonwebtoken": "^9.0.2",
+    "knex": "^0.19.0",
+    "koa": "2.7.0",
+    "koa-bodyparser": "^4.2.1",
+    "koa-nunjucks-2": "^3.0.2",
+    "koa-router": "^7.4.0",
+    "koa-static": "^5.0.0",
+    "koa-useragent": "2.0.0",
+    "koa2-cors": "^2.0.6",
+    "less": "^3.8.1",
+    "lodash": "^4.17.21",
+    "log4js": "^6.9.1",
+    "md5": "^2.2.1",
+    "moment": "^2.29.4",
+    "mysql": "^2.18.1",
+    "node-schedule": "^2.1.1",
+    "nodemon": "^1.19.2",
+    "path": "^0.12.7",
+    "pinia": "^2.1.6",
+    "superagent": "^8.1.2",
+    "vue": "^3.3.4",
+    "vue-json-viewer": "^3.0.4",
+    "vue-router": "^4.2.4",
+    "vuex": "^4.1.0",
+    "@babel/plugin-transform-runtime": "^7.1.0",
+    "@babel/preset-env": "^7.4.5",
+    "babel-loader": "^8.0.4",
+    "clean-webpack-plugin": "^0.1.19",
+    "consoler": "^0.2.0",
+    "css-loader": "^0.23.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
+    "directory-named-webpack-plugin": "^4.0.1",
+    "express": "^4.18.2",
+    "file-loader": "^6.2.0",
+    "happypack": "^5.0.1",
+    "html-webpack-inject-attributes-plugin": "^1.0.1",
+    "html-webpack-plugin": "^5.5.3",
+    "less-loader": "^11.1.3",
+    "mini-css-extract-plugin": "^2.7.6",
+    "style-loader": "^0.14.1",
+    "terser-webpack-plugin": "^5.4.0",
+    "url-loader": "^4.1.1",
+    "vue-loader": "^17.2.2",
+    "vue-style-loader": "^4.1.2",
+    "webpack": "^5.88.1",
+    "webpack-dev-middleware": "^6.1.1",
+    "webpack-hot-middleware": "^2.25.4",
+    "webpack-merge": "^5.10.0"
+  },
+  "devDependencies": {
+    "assert": "^2.0.0",
+    "babel-eslint": "^10.0.2",
+    "eslint": "^7.32.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-vue": "^9.17.0",
+    "ghooks": "~1.0.3",
+    "mocha": "^6.1.4",
+    "supertest": "^4.0.2",
+    "validate-commit-msg": "~2.14.0"
+  },
+  "config": {
+    "ghooks": {
+      "commit-msg": "validate-commit-msg",
+      "pre-commit": "npm run lint"
+    }
+  }
+}