[ASP.NET MVC] Play with Grunt (typescript ...)

#Grunt Need: Node.js installed

Install Steps

  1. Installing the CLI run command
1
npm install -g grunt-cli
  1. edit package.json and Gruntfile.js
1
2
3
4
5
6
{
"devDependencies": {
"grunt" : "0.4.1",
"grunt-ts" : "latest"
}
}

run npm install in command

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
module.exports = function (grunt) {

// load the task
grunt.loadNpmTasks("grunt-ts");

// Configure grunt here

grunt.initConfig({
ts: {
dev: { // a particular target
src: ["app/**/*.ts"], // The source typescript files, http://gruntjs.com/configuring-tasks#files
html: ["app/**/*.html"], // The source html files, https://github.com/basarat/grunt-ts#html-2-typescript-support
reference: "./reference.ts", // If specified, generate this file that you can use for your reference management
out: 'app/app.js', // If specified, generate an out.js file which is the merged js file
watch: 'app'
}
}
});
grunt.registerTask("default", ["ts:dev"]);
}

run grunt in command

這樣子grunt就會監控 在app資料夾下的ts檔案異動,並同時做complie的動作,如果有錯誤,會產生complie error的訊息。