TypeScript Handbook（中文版） 42 ASP.NET 4 这篇快速上手指南将教你如何使用Gulp构建TypeScript，和如何在Gulp管道里添 加Browserify，uglify或Watchify。 它还包涵了Babel的功能，通过使用Babelify。 这里假设你已经在使用Node.js和npm了。 创建简单工程 我们首先创建一个新目录。 命名为 proj ，也可以使用任何你喜欢的名字。 main.ts 里 打一个断点，看看 source maps 是否能工作。 当你刷新页面时，代码会停在断点 处，从而你就能够调试 greet.ts 。 Watchify，Babel和Uglify 现在代码已经用Browserify和tsify捆绑在一起了，我们可以使用Browserify插件为构 建添加一些特性。 Watchify启动Gulp并保持运行状态，当你保存文件时自动编译。 帮你进入到编 辑-保存-刷新浏览器的循环中。 Babel是个十分灵活的编译器，将ES2015及以上版本的代码转换成ES5和 ES3。 你可以添加大量自定义的TypeScript目前不支持的转换器。 Uglify帮你压缩代码，将花费更少的时间去下载它们。 Watchify 我们启动Watchify，让它在后台帮我们编译： npm install --save-dev watchify gulp-util

4 - 37 - 本文档使用 书栈网 · BookStack.CN 构建 这篇快速上手指南将教你如何使用Gulp构建TypeScript，和如何在Gulp管道里添 加Browserify，uglify或Watchify。 本指南还会展示如何使用Babelify来添加Babel的功能。 这里假设你已经在使用Node.js和npm了。 我们首先创建一个新目录。 命名为 proj ，也可以使用任何你喜欢的名字。 帮你进入到编辑-保存-刷新 浏览器的循环中。 Babel是个十分灵活的编译器，将ES2015及以上版本的代码转换成ES5和ES3。 你可以添加大量 自定义的TypeScript目前不支持的转换器。 Uglify帮你压缩代码，将花费更少的时间去下载它们。 我们启动Watchify，让它在后台帮我们编译： 1. npm install --save-dev watchify fancy-log 修改gulpfile文件如下： require('fancy-log'); 7. var paths = { 8. pages: ['src/*.html'] 9. }; 10. Watchify，Babel和Uglify Watchify Gulp - 43 - 本文档使用 书栈网 · BookStack.CN 构建 11. var watchedBrowserify = watchify(browserify({