[TypeScript] 建置输出单一JavaScript档案(.js)与Declaration档案(.d.ts)

问题情景

开发人员使用Visual Studio来开发TypeScript，可以很方便快速的将项目里的所有TypeScript档案(.ts)，一口气全部编译成为JavaScript档案(.js)，用以提供html网页使用。但是当软件项目越来越庞大的时候，过多的.js档引用，会增加开发.html档案时的负担;并且每个.js档之间的相依关系，也很容易因为引用顺序的错误，而造成不可预期的问题。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8" />

    <title>TypeScript HTML App</title>

    <!--Validation-->

    <script type="text/javascript" src="Validation/Validation.js"></script>

    <script type="text/javascript" src="Validation/LettersOnlyValidator.js"></script>

    <script type="text/javascript" src="Validation/ZipCodeValidator.js"></script>

</head>

<body>

</body>

</html>

解决方案：建置输出单一JavaScript档案(.js)

为了解决多个.js档引用所造成的问题，Visual Studio在TypeScript建置设定页面，提供了「Combine JavaScript output into file」 这个建置输出设定。开发人员只要勾选这个设定，后续在项目通过编译时，Visual Studio就会自动将项目里生成的所有.js内容，合并成为单一.js档来输出，让其他HTML开发人员方便使用。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8" />

    <title>TypeScript HTML App</title>

    <link rel="stylesheet" href="app.css" type="text/css" />

    <!--Validation-->

    <script type="text/javascript" src="validationLibrary.js"></script>

</head>

<body>

</body>

</html>

解决方案：建置输出单一Declaration档案(.d.ts)

勾选了「Combine JavaScript output into file」 这个建置输出设定后，开发人员就可以将项目里的.ts输出成为单一.js档，提供给其他开发人员使用。这时如果其他开发人员期望能用TypeScript语法来进行后续开发，我们除了直接提供.ts源文件这个选项之外，也可以选择提供项目输出的单一.js档、加上对应的Declaration档案(.d.ts)这样的方式，来提供给其他开发人员使用。

在Visual Studio里要建立项目输出的.d.ts档，开发人员可以在TypeScript建置设定页面中，勾选「Generate declaration files」这个建置输出设定。后续在项目通过编译时，Visual Studio就会自动为项目里输出的.js档、建立对应的.d.ts档，方便开发人员提供给其他TypeScript开发人员使用。

[TypeScript] 建置输出单一JavaScript档案(.js)与Declaration档案(.d.ts)的更多相关文章

  1. 【JavaScript】JS从入门到深入（复习查漏向

    [JavaScript]JS从入门到深入(复习查漏向 pre 精细得学过一遍JS后才发现,原来之前CTF中有些nodejs的题目以及一些游戏题的payload就变得很好理解了. 基础知识 ECMASc ...

  2. 建置 POSTFIX 服务器

    建置 POSTFIX 服务器 postfix 是除了 sendmail 以外 ,最被广泛采用的 Linux 邮件服务器,一般使用的观感不外乎两点: 一.安全:垃圾信过滤机制较聪明,就算什么都没设定,也 ...

  3. JavaScript（JS）简介

    历史背景介绍 (Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript ...

  4. (Demo分享)利用JavaScript（JS）做一个可输入分钟的倒计时钟功能

    利用JavaScript(JS)实现一个可输入分钟的倒计时钟功能本文章为 Tz张无忌 原创文章,转载请注明来源,谢谢合作! 网络各种利用JavaScript做倒计时的Demo对新手很不友好,这里我亲手 ...

  5. 响应式的账号登录界面模板完整代码，内置form表单和js控件

    响应式的账号登录界面模板,内置form表单和js控件 <!DOCTYPE html> <html lang="en"><head><met ...

  6. [ASP.NET Core] 建置x86版本 (workaround)

    前言 本篇文章介绍如何建置ASP.NET Core项目的x86版本输出(workaround),为自己留个纪录也希望能帮助到有需要的开发人员. ASP.NET Core官网 步骤 首先到微软官网的「. ...

  7. javascript – Node.js请求CERT_HAS_EXPIRED

    javascript – Node.js请求CERT_HAS_EXPIRED 转  http://www.voidcn.com/article/p-ssctwovd-bsy.html 原文   htt ...

  8. JavaScript（js）概述

    一.特点: JavaScript和java并没有直接关系,就像雷锋与雷峰塔似的没有联系: js是面向对象的,是运行在浏览器端的编程语言: 主要解决的是前端与用户的交互问题,包括交互数据. 二.js引入 ...

  9. 第十二篇 JavaScript(简称JS) 实现显示与隐藏

    JavaScript   JavaScript简称JS.JS是脚本语言,它是一种轻量级的编程语言,是可以插入HTML页面的编程代码,几乎所有现代浏览器都是支持的. 理论老师不行,我就抄袭手册上的一些关 ...

随机推荐

  1. [PaPaPa][需求说明书][V0.2]

    PaPaPa软件需求说明书V0.2 前   言 经过第一版本的需求说明书之后,我发现博客园不让我把文章发到首页,那么对于这种情况该怎么办呢?我决定立马发布V0.2版本来挑战一下博客园的审核制度,嘿嘿 ...

  2. UNIX环境高级编程笔记之文件I/O

    一.总结 在写之前,先唠几句,<UNIX环境高级编程>,简称APUE,这本书简直是本神书,像我这种小白,基本上每看完一章都是“哇”这种很吃惊的表情.其实大概三年前,那会大三,我就买了这本书 ...

  3. 调整win7 Windows7下时间同步的频率时 钟同步间隔

    今天发现时间不对,同步时间后看到Windows系统默认是一周才同步一次时间,频率太低了.查找了一下资料,找到了两种调整Win7时间同步频率的方法. 方法一:注册表法 这种方法是通过修改注册表中的键值来 ...

  4. 华为 HG8245C 光猫 修改无线用户数限制+hw_ctree.xml 文件解密

    这个操作方法是 从网上其他人提供的方法  和我一个朋友总结出来的,我只是负责整理,并实地在我自己的光猫上操作成功了 风险提示 :刷机有风险,操作需谨慎, 备份备份备份! 俺家,俺的新家是电信光纤接入, ...

  5. Fast 迅捷网络 无线路由器FW323的功能设置

    一.问题的提出 1.有一个无线路由器,型号:Fast 迅捷网络 无线路由器FW323 2.有三个网络层级,第一级,用一个路由器A负责对接互联网,内网IP段为192.168.1.*,网关设置192.16 ...

  6. ireport 导出工具类

    Ireport 报表导出 Poi + ireport 导出pdf, word ,excel ,html 格式 下面是报表导出工具类 Ireport 报表导出 Poi + ireport 导出pdf,  ...

  7. SQL优化方案

    1:建立中间表,将步骤分解. 2:避免全字段查询,只查需要的字段 3:限定条件查询,避免先关联后写条件, --优化交货数据  --建临时表T_JHinfo  select A.VBELN,C.VBEL ...

  8. 我是如何用Go语言搭建自己的博客的

    前言: 话说,已经很久没有在博客园更新博客了,之前写的关于go语言的系列学习文章<让我们一起Go>也由于种种原因一度中断.但是,正如我之前在文章中所写,可以慢慢来,但是对于Go语言的学习却 ...

  9. Android UI开发第四十篇——ScrollTricks介绍

    ScrollTricks是一个开源控件,实现了两个简单功能: 1.Quick Return:向上滑动时,View也向上滑动并且消失,当向下滑动时,View马上出现.例如Google Now的搜索功能. ...

  10. 关于同一台机器上安装多个sql实例的连接方法

    由于客户需要在一台服务器上安装了两个sql服务器(一个sql2000,一个是sql2005,其实例名不同),默认的端口1433被先安装的sql2000使用,后来安装的的随机启用了一个3045端口.其中 ...