文档章节

typescript自动编译gulp版

 一道菜
发布于 2016/03/26 12:02
字数 397
阅读 90
收藏 0

node的安装略

选择一个文件夹作为实验目录如 tt

在当前文件夹下SHIFT+右键  选打开命令窗口(也可打开命令窗口CD到当前目录)


--------------当前目录先要安装gulp--------------

****************如果NPM下载不好用就用淘宝的CNPM //命令//npm install cnpm -g

如果不行用这个//npm install cnpm -g --registry=https://registry.npm.taobao.org**********

npm install --global gulp

npm install --save-dev gulp

npm install gulp-typescript

gulp指南链接http://www.gulpjs.com.cn/docs/getting-started/

-----------------建立文件gulpfile.js-------------

gulpfile.js内容,build是当前目录下的子目录

var gulp = require('gulp');

var ts = require('gulp-typescript');

var tsProj = ts.createProject('tsconfig.json');


gulp.task('tsc', function () {

    var tsResult = gulp.src('build/**/*.ts')

        .pipe(ts(tsProj))

        .pipe(gulp.dest('build/'));

});


gulp.task('default', ['tsc'], function () {

    gulp.watch('build/**/*.ts', ['tsc']);

});

------------建立文件package.json-----------

package.json内容,具体内容自己去github查吧因为我也是初学者

{

  "name": "test",

  "version": "1.0.0",   

  "description": "This is for study gulp project123 !",   

  "homepage": "",

  "repository": {

    "type": "git",

    "url": "https://git.oschina.net/xxxx"

  },

  "author": {

    "name": "ww",

    "email": "ww@qq.com"

  },

  "license": "ISC",

  "devDependencies": {

        "gulp": "^3.9.0",

        "gulp-typescript": "^2.10.0",

        "typescript": "^1.7.5"

    }

}

------------建立文件tsconfig.json---------------

tsconfig.json内容

{

    "version": "next",

    "compilerOptions": {

        "declaration": true,

        "target": "es5",

        "module": "commonjs",

        "noImplicitAny": false,

        "removeComments": true,

        "noLib": false,

        "preserveConstEnums": true,

        "suppressImplicitAnyIndexErrors": true,

        "emitDecoratorMetadata": true,

        "experimentalDecorators": true,

        "sourceMap": true,

        "jsx": "react",

        "outDir": "./"

    },

    "filesGlob": [

        "./typings/**/*.ts",

        "./**/*.ts",

        "./**/*.tsx"

    ],

    "files": [

        "./red.ts"

    ]

}


如果到此可以正常编译就可以结束了

要是没有正常通过还有有最后一步是下载一个tcs.js,此文件放在新建一个tcs文件夹里,

https://raw.githubusercontent.com/Microsoft/TypeScript/master/lib/tsc.js

最后可以在当前目录下的build文件夹里建立你自己的TS后缀名文件了,在命令窗口输入gulp看结果。

我是这样成功运行的,以上是自己操作过程只是分享

© 著作权归作者所有

粉丝 0
博文 12
码字总数 5216
作品 0
东城
私信 提问
如何使用Gulp构建TypeScript

转载地址 如何使用Gulp构建TypeScript 1、创建目录 选择一个你认为适合开发项目的目录,然后参考下面创建项目目录 2、npm初始化项目 进入的项目目录后,执行 3、安装依赖库 gulp-typescript是...

durban
2018/07/24
33
0
TypeScript 入门指南

你是否听过 TypeScript? TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括:加入注释,...

红薯
2012/10/07
66K
35
TypeScript 入门指南

你是否听过 TypeScript? TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进 步的地方 包括:加入注释...

彭博
2012/11/27
1K
0
TypeScript开发系列(二)——VS让普通工程自动编译TypeScript

在用Visual Studio 开发TypeScript时,如此系列(一)中所做的那样,只有创建一个Type Application 工程,在此工程中添加的.ts(TypeScript文件格式)脚本在编译时才会自动被编译。如果我们想要...

lhan
2013/01/09
4.5K
0
TypeScript 发布 3.4 首个 RC 预览版

TypeScript 3.4 首个候选版本已发布。由版本号可知,这是一次较为重要的版本升级。所以我们不妨看一下有哪些值得关注的更新。 引入flag 以更快地构建后续版本 因为 TypeScript 文件是需要编译...

局长
03/18
1K
6

没有更多内容

加载失败,请刷新页面

加载更多

64.监控平台介绍 安装zabbix 忘记admin密码

19.1 Linux监控平台介绍 19.2 zabbix监控介绍 19.3/19.4/19.6 安装zabbix 19.5 忘记Admin密码如何做 19.1 Linux监控平台介绍: 常见开源监控软件 ~1.cacti、nagios、zabbix、smokeping、ope...

oschina130111
今天
12
0
当餐饮遇上大数据,嗯真香!

之前去开了一场会,主题是「餐饮领袖新零售峰会」。认真听完了餐饮前辈和新秀们的分享,觉得获益匪浅,把脑子里的核心纪要整理了一下,今天和大家做一个简单的分享,欢迎感兴趣的小伙伴一起交...

数澜科技
今天
7
0
DNS-over-HTTPS 的下一代是 DNS ON BLOCKCHAIN

本文作者:PETER LAI ,是 Diode 的区块链工程师。在进入软件开发领域之前,他主要是在做工商管理相关工作。Peter Lai 也是一位活跃的开源贡献者。目前,他正在与 Diode 团队一起开发基于区块...

红薯
今天
8
0
CC攻击带来的危害我们该如何防御?

随着网络的发展带给我们很多的便利,但是同时也带给我们一些网站安全问题,网络攻击就是常见的网站安全问题。其中作为站长最常见的就是CC攻击,CC攻击是网络攻击方式的一种,是一种比较常见的...

云漫网络Ruan
今天
11
0
实验分析性专业硕士提纲撰写要点

为什么您需要研究论文的提纲? 首先当您进行研究时,您需要聚集许多信息和想法,研究论文提纲可以较好地组织你的想法, 了解您研究资料的流畅度和程度。确保你写作时不会错过任何重要资料以此...

论文辅导员
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部