公司的网站推广怎么做,移动端排名优化软件,广州 骏域网站建设专家,页面设计描述前言
昨天在写点什么东西的时候#xff0c;发现有些逻辑可以搞成一个 npm 模块。
找了下看看#xff0c;有没有什么好用现成模板用于开发。。发现并没有#xff1b;
那有需求就解决需求。。
需求
基于当前的流行技术栈选型(rollup 4.x typescript 5.x)提供一个最小化模…前言
昨天在写点什么东西的时候发现有些逻辑可以搞成一个 npm 模块。
找了下看看有没有什么好用现成模板用于开发。。发现并没有
那有需求就解决需求。。
需求
基于当前的流行技术栈选型(rollup 4.x typescript 5.x)提供一个最小化模板 纯粹的函数库打包不包含任何视图有进一步需求可以自行扩展模板仓库的内容
仓库信息
标题地址仓库名rollup-typescript-lib-boilerplate仓库地址https://github.com/crper/rollup-typescript-lib-boilerplate
提供了哪些特性呢
还是最小化原则一个标准的现代化开发模板包括各种配置文件 Vitest 做单测 Rollup(v4.x) 打包 release-it 做 changlog 和版本管理 githooks门禁拦截 (husky and init hooks: pre-commit, commit-msg) eslint、prettier、commitlint、vitest 标准化的 npm package.json( 基本该要的字段都覆盖了 typescript v5.x 做类型约束能自动生成d.ts
命令的 GIF 效果图
就是工程内package.json npm scripts 的演示
npm-scripts-intro
FAQ
Q: 可能有人会想为什么不用 Vite
Vite 虽然有提供打包 lib 的能力也能混入 rollup 的 build options 但是还是不够细致的配置,Vite 本身定位更是面向项目工程脚手架。
其实我折腾过了出了一些奇怪的报错他们官方 issue 也没有Vite 不去翻源码简直就是个黑盒我何必呢。
rollup 本身定位就是库打包的以前做组件库打包也是用的这个v2.x插件丰富钩子也丰富。现在直接一步到位用最新的玩玩。。
Q: 安利一下 vitest
vitest这个名字我当初刚看到的时候我还以为是给 vue 专用的单测框架。为什么会花时间去了解这个上次搞了个vscode weview 插件开发的时候用了一下 vue3 的体系顺带知道了这么个玩意。
总体玩下来说真的我觉得好用执行相当快适用面也广不依赖单一框架快照覆盖率断言都能做。会 jest 这个基本没啥上手成本
拿来即用
结语
有什么想法可以提 issue 或者 pr 有不对之处请留言会及时修正谢谢阅读!
