一种自动生成vite配置的方法和系统
申请人信息
- 申请人:中博信息技术研究院有限公司
- 申请人地址:210012 江苏省南京市雨花台区小行尤家凹08号
- 发明人: 中博信息技术研究院有限公司
专利详细信息
| 项目 | 内容 |
|---|---|
| 专利名称 | 一种自动生成vite配置的方法和系统 |
| 专利类型 | 发明授权 |
| 申请号 | CN202311308657.X |
| 申请日 | 2023/10/11 |
| 公告号 | CN117055949B |
| 公开日 | 2024/2/9 |
| IPC主分类号 | G06F8/71 |
| 权利人 | 中博信息技术研究院有限公司 |
| 发明人 | 孟德江; 牛立强; 陈杰 |
| 地址 | 江苏省南京市雨花台区小行尤家凹08号 |
摘要文本
本发明涉及Web前端工程开发技术领域，尤其涉及一种自动生成vite配置的方法和系统，方法包括首先服务器端定时抓取vite官方文档的信息，根据该信息生成预先设计的JSON数据格式；根据JSON数据格式生成可视化初始化界面；接着用户在可视化界面进行操作后将配置数据上传至服务器端；服务器端根据用户提交的配置数据生成vite代码化配置的文件；最后用户下载vite代码化配置文件并添加至前端工程根目录下或覆盖本地工程文件。本发明降低开发者在企业级部署中需要灵活面对各种不同环境而进行配置的难度和人力投入成本。
专利主权项内容
1.一种自动生成vite配置的方法，其特征在于：所述的方法包括以下步骤：S1、服务器端定时抓取vite官方文档的信息，根据该信息生成预先设计的JSON数据格式；S2、根据JSON数据格式生成可视化界面，并进行可视化界面的初始化；S3、用户在可视化界面进行操作后将配置数据上传至服务器端；S4、服务器端根据用户提交的配置数据生成vite代码化配置的文件；S5、用户下载vite代码化配置文件并添加至前端工程根目录下或覆盖本地工程文件；所述服务器端具有完整的生成浏览器端可视化界面vite配置的环境，并通过JSON数据转化为相应的网页组件，以供用户操作；通过JSON数据转化为相应的网页组件，具体生成方式是通过部署在服务器端的Vue3框架搭建的前端工程，对ant-design-vue中Form组件进行二次封装形成BasicForm组件，从而转化JSON数据为BasicForm配置数据，进而再通过编写的useForm方法将配置数据的schemas属性进行转换，useFrom方法内部会使用Vue3框架的watch函数监听schemas值的变化，该监听会在BasicForm组件初始化时被挂载到该组件上，一旦该值发生变化，就将更新的值以赋值给组件属性props的方式传递给BasicForm组件，最终BasicFormItem组件会根据Vue3框架响应式原理重新动态渲染生成配置对应的组件。