编写TypeScript的库

准备技能：

• 熟悉TypeScript的知识：文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集
• 熟悉npm发布库的方法：Getting started | npm Docs

1、准备package.json文件（用来发布npm包）

1.  
   {
2.  
   "name": "niuge-npm-test",
3.  
   "version": "1.0.0",
4.  
   "description": "My first npm test.",
5.  
   "main": "index.js",
6.  
   "type": "module",
7.  
   "types": "index.d.ts",
8.  
   "scripts": {
9.  
   "test": "echo \"Error: no test specified\" && exit 1"
10.  
    },
11.  
    "repository": {
12.  
    "type": "git",
13.  
    "url": ""
14.  
    },
15.  
    "keywords": [
16.  
    "npm",
17.  
    "test"
18.  
    ],
19.  
    "author": "niuge8905",
20.  
    "license": "ISC"
21.  
    }

2、准备typescript的编译设置文件tsconfig.json

具体编译参数的说明：编译选项 · TypeScript中文网 · TypeScript——JavaScript的超集

1.  
   {
2.  
   "compilerOptions": {
3.  
   "module": "ES6",
4.  
   "noImplicitAny": true,
5.  
   "removeComments": false,
6.  
   "preserveConstEnums": true,
7.  
   "outDir": "./lib",
8.  
   "sourceMap": false,
9.  
   "declaration": true
10.  
    },
11.  
    "include": [
12.  
    "core/**/*"
13.  
    ]
14.  
    }

3、创建core、lib文件夹，创建index.js文件和index.d.ts文件

其中就如第2步配置的一样，core是ts的源文件位置，lib是编译后文件存放的位置。

core文件夹里创建几个测试的ts文件。

index.js和index.d.ts引入core里的文件

4、命令行输入tsc

最后，lib文件夹里自动生成js文件和.d.ts文件。最终效果如下图：

样例代码位置：niuge-npm-test: niuge-npm-test

这篇好文章是转载于：学新通技术网