- dist:负责打包的文件夹,gulp编译ts,打包样式,打包单文件组件
- build:最终生成的打包结果
- packages: 组件代码
- example: 测试组件
- typing: 类型声明
- .npmrc: 增加此文件安装依赖才会正常
- tsconfig: ts配置文件
- pnpm-workspace.yaml: monorepo工作空间
- components:组件包,最终通过index.ts 导出所有组件
- theme-chalk:样式包,BEM规范,(后续设计规范)
- utils: 工具类,工具方法
- vue3
- vite
- typescript
- ts-node
- gulp
- iconfonts
- 持import, require()
- 最终发布dist
packages/h-plus
pnpm install vue@latest typescript -D
pnpm install @h-plus/components -w
pnpm install @h-plus/theme-chalk -w
pnpm install @h-plus/utils -w
cd example
pnpm install @vitejs/plugin-vue sass vite @types/node -D
pnpm install gulp @types/gulp sucrase -w -D
pnpm install gulp-sass @types/gulp-sass @types/sass @types/gulp-autoprefixer gulp-autoprefixer @types/gulp-clean-css gulp-clean-css sass -D -w
安装依赖
pnpm install rollup @rollup/plugin-node-resolve @rollup/plugin-commonjs rollup-plugin-typescript2 rollup-plugin-vue -D -w
pnpm install fast-glob -w -D
pnpm install ts-morph -w -D
需要安装一个@vue/compiler-sfc来解析vue文件
pnpm install @vue/compiler-sfc -w -D