如何将TypeScript定义文件添加到源代码管理中?

时间:2018-11-28 15:13:23

标签: git typescript asp.net-core npm libman

我有一个简单的asp.net核心Web应用程序,其中已使用libman安装了javascript库。

我想使用打字稿,所以我已经使用npm为库安装了打字稿定义文件,例如:

npm install @types/jquery --save-dev
npm install @types/bootstrap --save-dev

我想将.d.ts文件添加到源代码控制中,以便其他开发人员不必依赖NPM-这是libman的目的,不是吗?

/ node_modules文件夹默认在.gitignore中被忽略。

如何包含打字稿定义文件?

2 个答案:

答案 0 :(得分:2)

由于您已经使用LibMan安装了javascript库,因此也可以简单地重用libman install @types/jquery -p unpkg libman install @types/bootstrap -p unpkg 来安装定义:

libs/@types

默认路径为lib/ @types/ bootstrap/ index.d.ts ... jquery/ index.d.ts ...

tsconfig.json

我创建一个{ "compilerOptions": { "baseUrl": ".", "paths": { "jquery": ["lib/@types/jquery"] , "bootstrap":["lib/@types/bootstrap"] } } } 并配置路径映射以加载模块,如下所示:

wwwroot/lib/@types

现在我们可以从打字稿中受益:

enter image description here

[更新]

对于ASPNET-CORE项目,默认路径为:tsconfig.json,如果我们在项目目录(*.csproj项目文件旁边)下有{ "compilerOptions": { "baseUrl": ".", "paths": { "jquery": ["wwwroot/lib/@types/jquery"] , "bootstrap":["wwwroot/lib/@types/bootstrap"] } } } ,则需要进行更改的路径:

.limit()

enter image description here

答案 1 :(得分:0)

对于那些只想自己输入的人:libman install @types/jquery -p unpkg

生成的JSON
{
    "provider": "unpkg",
    "library": "@types/jquery@3.3.29",
    "destination": "wwwroot/js/lib/@types/jquery"
}

(注意:我有一个现有的libman.json文件,并且该文件已添加到"libraries"数组中)