我们要把 app 目录下的 ts 文件编译到 wwwroot/app 目录下, 使用 Gulp 的做法是这样的: 1、 添加 gulp 和 gulp-typescript NPM 包 打开 package.json , 在 devDependencies 节点下添加: { "devDependencies": { "gulp": "^3.9.0", "gulp-typescript 定义编译 ts 任务 打开 gulpfile.js , 定义一个 tsc 任务来编译 ts 文件, 代码如下: var gulp = require('gulp'); var ts = require('gulp-typescript 我们还需要读取这个文件, 需要稍微修改一下上面的 tsc 任务, 先读取 tsconfig.json 文件: var gulp = require('gulp'); var ts = require('gulp-typescript 最终的 gulpfile.js 内容如下: var gulp = require('gulp'); var ts = require('gulp-typescript'); var tsProj = ts.createProject
因此需要一个模块加载器, 官方使用的是 SystemJS, 因此我们要安装 SystemJS 模块: npm install systemjs --save 还需要 TypeScript 编译器, gulp、 gulp-typescript 来实现 ts 文件的自动编译: npm install typescript gulp gulp-typescript --save-dev 完整的 package.json 可以在我的 github gulp 来实现 TypeScript 的自动编译, 添加文件 gulpfile.js , 内容如下: var gulp = require('gulp'), tsc = require('gulp-typescript
require('rimraf'); const merge2 = require('merge2') const gulp = require('gulp') const ts = require('gulp-typescript
这里用ts来举例: var ts = require("gulp-typescript");var tsProject = ts.createProject("tsconfig.json");var
TypeScript 编译采用官方文档推荐的 Gulp 工具并配合 gulp-typescript[44] 和 tsconfig.json[45] 配置文件。 * 开头的版权信息 "removeComments": true, // 可配合 gulp-typescript 生成相应的 .d.ts 文件 "declaration": true 同时在根目录下新建 gulpfile.js 文件: const gulp = require("gulp"); const ts = require("gulp-typescript"); const 除此之外,此项目希望可以快速生成声明文件供外部进行代码提示,此时仍然可以借助 gulp-typescript 工具自动生成声明文件。 : https://github.com/ivogabe/gulp-typescript [45] tsconfig.json: https://www.tslang.cn/docs/handbook/
功能定位、基础使用 产生背景 说起 Typescript 的编译手段大部分同学应该都不会陌生,无论是在 webpack 中使用 ts-loader 或 babel-loader,还是在 gulp 中使用 gulp-typescript