typescript开发工具库入门

写了这么久前端,一起来学习一下如何开发一个自己的工具库吧。我们可以将经常使用的一些业务逻辑封装成通用的函数库,并发布到 npm 上。 本文适合阅读对象为入门级前端工程师,需要具有一定的 typescript 基础,建议先学习typescript 选择 Typescript 是因为其具有完善的类型系统,编译后也能够自动生成声明文件(.d.ts 文件),为使用者提供类型提示,不用再去手写声明文件。同时静态的类型检查能降低代码的出错率,提高开发效率。 本文以一个简单的示例来学习一个 JavaScript 工具库的创建、开发、测试、发布的全生命周期。 相关技术 本文的示例中将使用到以下技术,如有不熟悉的需自行查阅相关文档 typescript rollup - 打包工具 创建项目 创建一个名为’natulu’的空目录,你也可以自己起个名字。然后打开终端进入目录下,执行npm init初始化 npm 包,一阵回车之后,得到一个自动创建的文件package.json { "name": "natulu", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } 先不管里面这里面的内容,接下来我们先组织一下目录结构 目录结构 一般情况都建议将核心的源码放到src目录下管理,我们采用常见的目录结构 natulu ├─ dist ├─ src │ └─ index.ts ├─ package.json ├─ rollup.config.js └─ tsconfig.json src 中存放核心的源码,dist 里面为编译打包后的产物,是直接提供给用户使用的代码。上面的目录中有两个文件,分别是 rollup 配置文件和 ts 配置文件,这两个文件会在后续的步骤中创建。...

August 17, 2020 · 3 min · 576 words · Johnson