|
|
基于 Vite 的组件库工程化实战原价20几元+ m( R. g, Z- b( K" i) P" B t
" x( A5 b2 f- f& R
, S. V* Y: |! ?6 J. H, E6 u) X, T( F) b
1开篇词：学习前端工程化就从搭建组件库开始7 n. O- b# U! H8 S7 z- x: ]0 d
a8 f4 _5 f9 j2MVP原型系统： 将组件封装为组件库
. k$ m4 l) a7 U+ q* v$ k2 z
& f& V8 o0 V9 v1 W0 ?6 `2 B/ @3CSS样式：用UnoCSS实现原子化CSS5 J5 I7 L( y* v% R( [
0 s' H: I) Q! L7 x4 d* q4文档建设：创建具备Demo示例功能的文档网站
( [/ t; r/ B% c2 ]3 W x4 k% }6 N$ F, A6 b
5单元测试(一)： 使用Jest进行前端单元测试2 F" \# J# S9 z0 Q
4 [- N& H. G; x w% V6 Y6单元测试 (二)： 搭建Vitest的单元测试环境, `6 x0 ^6 H* e5 I
. E7 J. i9 \- Y6 V+ l
7规范化： Eslint + Prettier + Husky5 v0 A1 f0 C1 K/ k3 l) q) x
8 w/ S5 C0 i8 x6 Q8软件包封装： 如何发布兼容多种 JS 模块标准的软件包？7 l3 Q2 z9 ?0 P. I0 D
5 _! F/ U+ [3 W8 t9持续集成 CI： 基于 github Action 的回归验证
8 g! j% E' `3 I& o7 g- p
! H" t& u* P: N$ p: u* X10开发许可证：维护自己的版权、拒绝拿来党
- u) ~+ q, d' F% I/ Y3 f- \# d
( d1 e. E: Z3 ^. e7 F11组件发布： 建立语义化版本与提交软件包仓库 Npm" n$ e+ [' g" F m
6 e S% h F4 a$ b1 J) P2 W12建立组件库生态： 利用 Monorepo 方式管理组件库生态$ l& J6 G6 {# p; A, _1 f
) G! s4 j" k0 g* _9 O! y1 z
13按需引入: 实现组件库的按需引入功能
0 J$ l* _6 L) @9 d- h, a h1 h2 S4 |+ @# Q4 q% i y
14文档部署： 用 Vercel 部署你的线上文档
C; |$ L/ l) A; I. Z* ?2 ?$ h6 C) L6 y" k8 \. j: V
15README： 编写标准的 README
. B3 U2 n" C9 y5 H! M e
. [- y* a! h7 V- O4 [16品质保证：覆盖率测试报告( @' P; ?1 [ W6 V
& `6 y" n$ w1 m4 Q* B6 z7 f
17社区参与： 如何管理社区的 PullRequest？7 }6 ~0 S2 t) P/ s( ` r
. h: p5 T0 E( [+ G5 M$ l5 E$ _0 o
18敏捷开发： 用 Github 看板和 issue 管理需求
$ `" C5 _& j! w3 _- R- F* Y; e2 H5 @" i6 Z
19架构复用： 创建 CLI 工具提高研发体验, q8 F5 N J5 {$ I( w( Z5 i6 r
7 e$ \# \# y4 i' q20融入开源生态： 编写 npm init 项目让用户更方便
" A: \5 N: y) S+ r$ u9 b, N2 O' L8 t4 _" N* }' j% H
21结语｜当好项目的开路先锋
H6 U5 }4 {' H4 G- U; Y& {+ Q( j+ T. d- U) O
' I4 n0 S8 v E x
* b' U/ C/ l& \& K2 e$ h
资源下载地址和密码（百度云盘）： [/hide] 百度网盘信息回帖可见+ c6 R1 U) W( G9 p( p4 f2 Q- i8 x
* ]& j3 ^: J E8 n D$ z! K
( q) J' h$ N' x
6 y/ i7 Q9 x$ G1 ?& v本资源由Java自学网收集整理【www.javazx.com】 |
|
[复制链接]
发表于 2023-9-7 23:03:02
