window安裝Grunt方法圖解

1.你得安裝node，window下有可執行安裝包，十分簡單。

2.運行命令：npm install -g grunt-cli（-g為全域安裝，可在任何目錄運行）來安裝Grunt的命令列介面(CLI)。注意，安裝grunt-cli並不等於安裝了grunt任務運行器。如果安裝成功，運行命令：grunt -version可以看到：

 

 

3.在進入項目目錄，運行命令：npm install grunt –save-dev安裝最新版本的Grunt到你的項目中。安裝成功後，運行命令：grunt -version可以看到：

 

 

 

4.建立一個package.json檔案，如下

代碼如下	複製代碼
{ “name”: “grunt”,  “version”: “0.1.0″, “devDependencies”: { “grunt”: “~0.4.0″,  “grunt-contrib-jshint”: “~0.1.1″, “grunt-contrib-nodeunit”: “~0.1.2″, “grunt-contrib-watch”: “~0.2.0″, “grunt-contrib-concat”: “~0.1.1″, “grunt-contrib-uglify”: “~0.1.0″, “grunt-contrib-cssmin”: “~0.9.0″, “difflet”: “~0.2.3″ } }

5.在項目根目錄運行命令: npm install，安裝一些常用的grunt外掛程式

6.建立Gruntfile.js檔案

代碼如下	複製代碼
module.exports = function(grunt){ grunt.initConfig({ pkg: grunt.file.readJSON(‘package.json’), uglify: { options: { banner: ‘/*! <%= pkg.name %> <%= grunt.template.today(“yyyy-mm-dd”) %> */n’ }, build: { src: ‘src/test.js’, dest: ‘build/test.min.js’ } } }); // 載入提供”uglify”任務的外掛程式 grunt.loadNpmTasks(‘grunt-contrib-uglify’); // 預設任務 grunt.registerTask(‘default’, ['uglify']); }

7.

9.運行命令：grunt，顯示如下：

Running “default” task

default

Done, without errors.