
前言
项目中经常会用到一些工具函数,比如:
- 字符串和数组的操作。
- 数字的随机值、平均值的计算。
- 浮点数0.1 + 0.2 = 0.30000000000000004的解决方案。
- 深克隆,函数节流和函数防抖等。
内容参考自:medium(需要梯子):127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less — Part 1 of 6
将里面的代码经过筛选之后,再结合自己再项目中会经常会使用到一些工具函数,用TypeScript 封装并发布到NPM上。
这样在多个项目中都能共用到这些函数,提高生产力和代码的维护性。
详细的文档: http:snippets.fancystore.cn
技术背景
- 基于 TypeScript 强类型编写代码,在转换成JS。
- 使用 Jest 做单元测试。
- 使用 VuePress 做技术文档。
项目结构

项目安装
npm install util-snippets
项目使用
import { xxx } from 'util-snippets'
项目本地测试
git clone https://github.com/czero1995/util-snippets.git
cd util-snippets
npm install // 安装项目依赖
npm run tsc:w // 将TypeScript实时转换为JavaScriot,方便调试
npm link // 相当于npm install util-snippets
在其他项目直接使用导入就可以使用了 import { xxx } from 'util-snippets'
本地测试执行npm link之后,会直接生效,不需要反复打包和发布。
发布到NPM
1.注册NPM账号
先去官网注册一个账号,填写好账号、密码、邮箱
2.初始化项目
创建util-snippets文件夹
mkdir util-snippets
初始化package.json
npm init
填写好npm包的信息,作者信息,版本信息,并在package.json中的字段指定入口文件是./build/index.js
"main": "./build/index.js"
将TypeScript项目转化成JavaScript,再打包的时候运行单元测试,如果单元测试通过,打包完成,就可以执行发布到NPM上了。
项目地址
Github: github.com/czero1995/u…