Appearance
项目结构
本篇将解析项目目录、分区介绍,以便分工,但不包含node_modules讲解。
packages(网页端)
LangUI组件库的主要页面,包含通用性组件、布局型组件、导航型组件、数据录入型组件、数据展示型组件、反馈型组件等。
public存放plop.js模块,src是源代码文件夹.
apps/server(模拟数据服务器)
使用vite-plugin-vue模拟服务器API,请求其中定义的API,返回一些数据,检验是否符合预期,以便在部署前发现问题。
项目的基本思路就是用物料作为模板,生成对应元素,元素组成组件库。
packages/(组件库)
使用vite build编译打包模块。其打包结果为一个*.*.umd.js格式的文件,即我们要分发给编辑器负责人员使用的模块。 要对模块进行打包,则在相应目录下:
pnpm run build
模块将在dist文件夹下生成。