|
|
基于 Vite 的组件库工程化实战原价20几元9 V! L) C$ E- l" c" `7 j# z
0 {% ?7 Z U' G6 z
1 o$ ^' G4 v, ]: G6 y/ V# m
4 K5 X7 m! i) [2 ?3 w: H
1开篇词：学习前端工程化就从搭建组件库开始
& [6 k; r) U# a5 W0 Q# Y8 V/ m* C, C, ]; ]/ G
2MVP原型系统： 将组件封装为组件库0 T4 i8 b) ?, l/ K# t. b/ {1 g; ?" ~
* m2 \: O4 Z9 T$ L3 K
3CSS样式：用UnoCSS实现原子化CSS$ j) ?, y1 Y9 A. d% p/ O5 N
/ g$ w1 o7 M( N* \! w% z( S4文档建设：创建具备Demo示例功能的文档网站
1 v% Y( d! o8 K7 E( T7 e% f1 ]/ x0 J2 V+ K! m- n
5单元测试(一)： 使用Jest进行前端单元测试
& `7 J$ z0 k8 a/ `2 f4 ^& r. x' a/ P7 z6 `; e( y
6单元测试 (二)： 搭建Vitest的单元测试环境; n) \# q* \% s$ z9 V
$ D) X) I* } l/ k# \: @7规范化： Eslint + Prettier + Husky
5 O- E) X) e; {: l3 |- P& K) ]) k3 ]" W3 a+ D! {4 j
8软件包封装： 如何发布兼容多种 JS 模块标准的软件包？6 } e, z9 {; [
" z4 \: ?4 t1 M) V$ E' u
9持续集成 CI： 基于 github Action 的回归验证1 b& S$ {' B2 i
* P; X0 ]; ?# x6 R+ U" e: M8 \8 F10开发许可证：维护自己的版权、拒绝拿来党5 S' G* W; _; Y- a5 P( Z# v
6 B: u4 N; k; A' L6 H
11组件发布： 建立语义化版本与提交软件包仓库 Npm
+ w4 {0 Y$ s# C1 o" t5 O
6 f" w0 W6 c/ E+ y12建立组件库生态： 利用 Monorepo 方式管理组件库生态
: i# y% G* l, T* A( k( p
" |: R9 q& c+ p0 {* w M13按需引入: 实现组件库的按需引入功能
_4 K# O! L0 H4 B0 C) k$ o. B6 O+ Q: g% u; H) u P. u
14文档部署： 用 Vercel 部署你的线上文档
9 L2 Z; L# C; l1 X7 y: M7 S* D! \& r7 k$ R
15README： 编写标准的 README9 ~3 |& t( P4 t1 q4 D. ]% R
9 d$ I5 F/ F7 @: ]' C8 w
16品质保证：覆盖率测试报告+ {3 h# M* A; [7 ?
+ [- I: y6 }: _2 F1 m: F1 [17社区参与： 如何管理社区的 PullRequest？
4 e1 {! b6 D; u+ N
3 Y9 o4 J; p1 {* X. q18敏捷开发： 用 Github 看板和 issue 管理需求9 q. r, e) n& q# T. u. f9 p2 e6 s
2 S, X1 b5 X9 o# n19架构复用： 创建 CLI 工具提高研发体验
7 y( ?- p- G% d* c7 w
0 E7 \8 P* a3 x20融入开源生态： 编写 npm init 项目让用户更方便
e4 Y. {9 S- ^" R- C3 w! v( c! @- r0 l9 ?; X: m: i5 R# b
21结语｜当好项目的开路先锋3 i) _" N% S$ X" Q. h0 c! P: t. }
$ I; w; w/ b; J( y2 m; O
% u" K# f$ p2 r6 |3 G, J
# w1 L6 l! z7 ^; F' x8 h2 G资源下载地址和密码（百度云盘）： [/hide] 百度网盘信息回帖可见3 P7 w2 v! B1 P1 q5 g! a
8 ^, s0 `- y$ n* t
" q" w2 f, @6 ^; T
: p) E5 T3 X8 k, w0 [本资源由Java自学网收集整理【www.javazx.com】 |
|
[复制链接]
发表于 2023-9-7 23:03:02
