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

问题情景

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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>TypeScript HTML App</title>
  7.     <!--Validation-->
  8.     <script type="text/javascript" src="Validation/Validation.js"></script>
  9.     <script type="text/javascript" src="Validation/LettersOnlyValidator.js"></script>
  10.     <script type="text/javascript" src="Validation/ZipCodeValidator.js"></script>
  12. </head>
  13. <body>
  14. </body>
  15. </html>

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

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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>TypeScript HTML App</title>
  6.     <link rel="stylesheet" href="app.css" type="text/css" />
  8.     <!--Validation-->
  9.     <script type="text/javascript" src="validationLibrary.js"></script>
  11. </head>
  12. <body>
  13. </body>
  14. </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. C++中实现回调机制的几种方式[转]

      (1)Callback方式Callback的本质是设置一个函数指针进去,然后在需要需要触发某个事件时调用该方法, 比如Windows的窗口消息处理函数就是这种类型. 比如下面的示例代码,我们在Do ...

  2. VS2010+Selenium测试脚本设计

    VS2010+Selenium测试脚本设计 http://www.docin.com/p-755903506.html

  3. 使用SQL联合查询来构建临时vo对象的应用

    联合查询: 表1: team球队表 表2:schedule 赛程表 需要数据: 球队名称.主队ID.主队名称.客队ID.客队名称.胜负情况 方法1. Object数组取出列和数值 import jav ...

  4. CLR via C#深解笔记五 - 事件

    事件处理实际上是一种具有特殊签名的delegate, 像这个样子:public delegate void EventHandler(object sender, EventArgs e);   类型 ...

  5. win10下LPT并口打印失败和POS打印机的钱箱不能打开，win10的坑

    最近在弄一个收银软件,因为使用到了触摸屏,该PC出厂安装的是老掉牙的XP.SSD固态硬盘,装XP实在是太浪费了.然后尝试了WIN7发现不能激活,然后试win8.1发现比较满意终于觉得配得上触摸屏了,但 ...

  6. oracle 查询月份差

    select to_char(add_months(trunc(sysdate),-1),'yyyymm') from dual;

  7. 图文详解远程部署ASP.NET MVC 5项目 [转载]

    话外篇: 由于感觉自己的机器比较慢,配置不好,所以最近想把之前的项目部署到实验室的服务器上,但是由于常不在实验室,所以在想能不能远程部署.因此今天专门研究了一下具体的过程,下面和大家分享一下.本人新手 ...

  8. win7左ctrl和左alt键互换

    主要参考这篇文章: http://xyztony1985.blog.163.com/blog/static/3611782011752420104/ 感谢原博主 Windows Registry Ed ...

  9. `cocos2dx非完整` 游戏架构缩影 添加启动流程

    这期的话题可能不是很好, 我没有想到很好的词句去更好的表达. 我一直都是很固执的认为, 同一类型的游戏,在开发做的前期工作上面其实都是可以复用的,也就是大同小异的.从游戏启动,启动日志,启动检查,检查 ...

  10. Flex Error #2156问题

    出现这个问题是因为应用程序使用了特殊端口,修改端口就可以解决. 特殊端口列表 A security change has been made in Adobe Flash Player 9.0.115 ...