|
|
基于 Vite 的组件库工程化实战原价20几元
8 @, ?) r' ]/ y- x
7 p; W0 r# T6 U; x& G3 y6 a4 [% L0 h( M- k, R# [
! w, M: Z3 \, _! L% e
1开篇词：学习前端工程化就从搭建组件库开始
4 R5 g% [# T& M9 x4 ]3 ^+ s* Q+ _+ E7 [0 R& B( q, \
2MVP原型系统： 将组件封装为组件库
# t" X. z. n/ u/ @. j2 t- u9 O+ ] ], w+ Q. ?9 I
3CSS样式：用UnoCSS实现原子化CSS) @, r8 G: [6 l! u; Q, ]% L
4 R" r9 d' H2 u' F
4文档建设：创建具备Demo示例功能的文档网站
* \* _. H' H( U8 e0 v3 [' r" B9 Y& y* O- N
5单元测试(一)： 使用Jest进行前端单元测试
* W& a" L6 l C m9 {9 A! w# j1 @
9 ~/ f5 ?- Y+ F) S. D6单元测试 (二)： 搭建Vitest的单元测试环境
0 K% g t1 L' ~, k, z" ]
( W/ j+ f/ v: J! f7规范化： Eslint + Prettier + Husky+ U) d8 g0 G# f
$ y4 ~" c# \* c" z* d+ U
8软件包封装： 如何发布兼容多种 JS 模块标准的软件包？! }( H$ g2 u" J. B# m U. K3 p! s
, A0 o; H# e3 Q% x; D
9持续集成 CI： 基于 github Action 的回归验证
/ E) l6 ~8 m) @- ^4 ~$ O
; z2 V+ L$ H0 u0 W( \10开发许可证：维护自己的版权、拒绝拿来党
5 s" k& Q$ t% ^ v
: G: ~. w$ g* |; D( q' v11组件发布： 建立语义化版本与提交软件包仓库 Npm Y3 b# P5 q2 h; S, X
u# v0 p- N r: D4 T3 R- d& O7 V9 Q
12建立组件库生态： 利用 Monorepo 方式管理组件库生态- {# h4 ]: _8 g5 T' k5 W) g
1 h4 C# V* w! t. N13按需引入: 实现组件库的按需引入功能
) @: v! i Y8 V/ k! D3 h
3 v7 A' m( f+ d14文档部署： 用 Vercel 部署你的线上文档; v( r) D; ~4 t1 N- z: Q
! v e. t, j! l% u9 f0 c% g
15README： 编写标准的 README' i8 F+ n. e- M' Z
% U) i8 t& w) O( F" G& m
16品质保证：覆盖率测试报告, C0 B/ t5 W: T0 P1 u. P- T- V9 T
& m: U8 C. E# b2 P9 q17社区参与： 如何管理社区的 PullRequest？
2 P6 w, X" P5 L% _) \# ?) \" Y/ a6 K6 ]/ |/ Q8 y2 q7 ^
18敏捷开发： 用 Github 看板和 issue 管理需求
# Y( l) v( b6 r/ x6 ?
% u* P j: u& e- T! I8 q19架构复用： 创建 CLI 工具提高研发体验1 G8 E3 H3 c1 [/ b0 ?8 N- J+ B
7 _# J6 c. n% B. f9 j: x1 G20融入开源生态： 编写 npm init 项目让用户更方便
% \2 O# ]# D6 J5 l6 }7 A0 X
8 N1 @0 u5 o' ]7 W, m8 F21结语｜当好项目的开路先锋
( e8 q; ~# |) Y7 C8 D" C3 `
- T1 X1 b1 F9 T( i
7 f5 V& k5 t8 }1 A3 U0 { ]3 S l$ A7 S0 R
资源下载地址和密码（百度云盘）： [/hide] 百度网盘信息回帖可见2 C: e. m7 p E
9 O5 T) a9 g9 S6 T% N) Y9 B* B! V' g3 ]
7 h6 d" s! A) H* u4 ~9 L3 V4 h% `本资源由Java自学网收集整理【www.javazx.com】 |
|
[复制链接]
发表于 2023-9-7 23:03:02
