大概有如下步驟
新建項目Bejs
新建文件package.json
新建文件Gruntfile.js
命令行執行grunt任務
一、新建項目Bejs
源碼放在src下，該目錄有兩個js文件，selector.js和ajax.js。編譯後代碼放在dest，這個grunt會自動生成。
二、新建package.json
package.json放在根目錄下，它包含了該項目的一些元信息，如項目名稱、描述、版本號，依賴包等。它應該和源碼一樣被提交到svn或git。 現在的項目結構如下
package.json內容需符合JSON語法規範，如下
複製代碼代碼如下:
{
"name": "Bejs",
"version": "0.1.0",
"devDependencies": {
"grunt": "~0.4.0",
"grunt-contrib-jshint": "~0.1.1",
"grunt-contrib-uglify": "~0.1.2",
"grunt-contrib-concat": "~0.1.1"
}
}
devDependencies中的grunt在前一篇已經安裝了，grunt-contrib-jshint/grunt-contrib-uglify/grunt-contrib-concat則沒有安裝。三個分別對於三個任務（task）
grunt-contrib-jshint js語法檢查
grunt-contrib-uglify 壓縮，採用UglifyJS
grunt-contrib-concat 合併文件
此時，打開命令行工具進入到項目根目錄，敲如下命令: npm install
再查看根目錄，發現多了個node_modules目錄，包含了四個子目錄，見圖
三、新建文件Gruntfile.js
Gruntfile.js也是放在項目根目錄下，幾乎所有的任務都定義在該文件中，它就是一個普通的js文件，裡面可以寫任意js代碼而不僅局限於JSON。和package.json一樣它也要和源碼一樣被提交到svn或git。
Gruntfile.js由以下內容組成
wrapper函數，結構如下，這是Node.js的典型寫法，使用exports公開API
複製代碼代碼如下:
module.exports = function(grunt) {
// Do grunt-related things in here
};
項目和任務配置
載入grunt插件和任務
定制執行任務
該示例完成以下任務
合併src下的文件（ajax.js/selector.js）為domop.js
壓縮domop.js為domop.min.js
這兩個文件都放在dest目錄下
最終的Gruntfile.js如下
複製代碼代碼如下:
module.exports = function(grunt) {
// 配置
grunt.initConfig({
pkg : grunt.file.readJSON('package.json'),
concat : {
domop : {
src: ['src/ajax.js', 'src/selector.js'],
dest: 'dest/domop.js'
}
},
uglify : {
options : {
banner : '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> *//n'
},
build : {
src : 'dest/domop.js',
dest : 'dest/domop.min.js'
}
}
});
// 載入concat和uglify插件，分別對於合併和壓縮
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
// 註冊任務
grunt.registerTask('default', ['concat', 'uglify']);
};
四、執行grunt任務
打開命令行，進入到項目根目錄，敲grunt
從打印信息看出成功的合併和壓縮並生成了dest目錄及期望的文件，這時的項目目錄下多了dest，如下
ok，這裡介紹了2個常見任務concat和uglify，jshint等沒有介紹。 Gruntfile.js裡的代碼也沒有一一解讀，感興趣的同學可在gruntjs的官方文檔找到。