使用基于Node.js的構建工具Grunt來發(fā)布ASP.NET MVC項目
Grunt 簡介
Grunt是一款基于js和node.js的構建工具,由于這段時間node.js越來越火爆,grunt擁有豐富的開源社區(qū)支持,產生了很多插件。還有一些插件散落在node社區(qū)。構建是一個和寬泛的表述,傳統(tǒng)理解就是編譯、打包、復制,而今,隨著技術越來越豐富,構建還包括對前端組件的預處理,比如sass、less預處理成css,css和js的壓縮和合并。grunt的插件可以很好的支持這些新的構建概念,而且更為適合用開源技術堆砌的項目。 雖然Grunt更多的用于程序構建,但是本質上Grunt是一個用來解決重復勞動的任務運行工具。
Grunt入門
安裝
下載安裝Node.js。下載地址
檢查安裝和查看版本:
node -v
v0.10.25
安裝grunt命令行工具grunt-cli,使用-g全局安裝,這樣可以在任何一個目錄里使用了。下面這條命令會把 grunt 加入你的系統(tǒng)搜索路徑中,所以在任何目錄下都可以使用此命令。
npm install -g grunt-cli
需要注意的是在linux或mac下有時會報沒有權限的錯誤,這時須在前面加一個sudo
sudo npm install grunt-cli -g
查看版本:
grunt –version
grunt-cli v0.1.13
卸載。如果你在之前安裝過全局的 Grunt,那么先刪除它。
npm uninstall -g grunt
grunt-cli只是一個grunt的命令行界面,需要使用grunt及其插件,必須在項目的路徑(通常是項目根目錄下)下安裝grunt模塊本身即需要插件模塊。每當grunt命令被執(zhí)行時,它會通過nodejs的require命令在本地尋找已經安裝的grunt。正因為如此,你可以在任何子目錄下運行grunt命令。 如果cli找到了一個本地安裝的grunt,它會加載這個 grunt 庫,然后應用你在 GruntFile 中寫好的配置, 然后執(zhí)行相應的任務。
配置文件
package.json
package.json用來保存當前目錄下所安裝和需要的node模塊有哪些,例如:
{
"name": "my-project-name",
"version": "0.1.0",
"author": "Your Name",
"devDependencies": {
"grunt": "~0.4.1"
}
}
可以手動創(chuàng)建這個文件,或者通過npm init命令,并按照提示完成package.json文件的創(chuàng)建。如果手動創(chuàng)建了package.json,只需通過npm install來下載和安裝所需的模塊。模塊安裝時,會保存在node_modules目錄中。
如果想要在之后添加所需模塊,使用下面這個命令,可以使得package.json文件得到同步更新
npm install <module> --save-dev
Gruntfile.js
這個文件的地位就像Makefile一樣,是一個指導grunt進行任務的文件,其中需要配置各個插件模塊所需的參數,以及加載插件,并定義任務。更多關于Gruntfile可以參考這里。建議讀者對Gruntfile有個整體的理解再繼續(xù)。
使用Grunt構建ASP.NET MVC
MSbuild
在使用grunt來構建.NET項目之前,必須先了解MSbuild。MSBuild是微軟的用來構建程序的工具,目前VisualStudio已經全面使用MSbuild編譯項目了。MSbuild由一個msbuild工具、一組編譯或構建器程序和xml文件組成。實際上VisualStudio中的.sln和.csproj等項目文件就是一個msbuild能夠認識的xml(下面稱為msbuild配置文件),VisualStudio通過調用msbuild,由msbuild識別其中的參數和構建行為標識來完成構建工作。我們也可以自己通過命令行自己來調用msbuild。
在msbuild中有兩個關鍵的概念:Task和Property。Task是msbuild能夠直接作為目標來執(zhí)行的入口,在執(zhí)行msbuild的時候要么指向默認的Task,否則必須指定目標Task是什么。Property就是變量,就像程序中的變量可以影響程序執(zhí)行一樣,Property可以影響構建的行為。
VisualStudio產生msbuild配置文件其實非常復雜,表面上看只有沒有多上行,但是它通過import,將一些預定義的配置文件導入到當前文件,使得無法全面的查看完整的配置文件,以至于無法找到關鍵的Task項。好在有一個工具可以用來幫助分析msbuild配置文件的結構。
另外,在調用msbuild的時候,可以通過命令行參數來覆蓋默認的屬性和任務,比如下面的調用表示,以”Rebuild”這個Task作為目標,并將Configuration屬性設置為Debug:
msbuild ConsoleApplication1.csproj /target:Rebuild /property:Configuration=Debug
更多關于msbuild,請參考微軟的文檔
手動使用msbuild代替VisualStudio
以發(fā)布到本機為例,經過筆者在VS2012下的環(huán)境中測試,使用VS在調用msbuild時使用了如下關鍵的參數覆蓋:
- Configuration:Debug或者Release,相信使用VS的同學對此不會陌生
- VisualStudioVersion:VS在安裝的時候會將一些公用的,VisualStudio相關的,msbuild配置文件預先存在某個版本相關的地方,在VisualStudio生成項目文件時,會包含一個$VisualStudioVersion變量,這個變量會與路徑結合指向這些預先準備好的配置文件。在2012下,需要將這個值設置為11.0
- WarningLevel:編譯時的告警級別
- DeleteExistingFiles:發(fā)布功能使用到的是否刪除已存在文件的選項
- WebPublishMethod:發(fā)布方式,筆者常用的是FileSystem,即發(fā)布到本機或遠程共享的某個目錄
- publishUrl:如果WebPublishMethod是FileSystem,這個值表示發(fā)布的磁盤路徑
關鍵的任務:
- Build:即VS中針對某個項目的編譯功能
- Rebuild:即VS中針對某個項目的重新編譯功能
- WebPublish:即VS針對某個項目的發(fā)布功能
至此,我們已經可以使用msbuild命令行來代替VS的一些構建動作了。由于本篇的重點是grunt,讀者可以參見微軟的說明,自己試驗一下:
PS: MSbuild通常位于類似這樣的目錄下:C:\Windows\Microsoft.NET\Framework64\v4.0.30319\MSBuild.exe
使用grunt-msbuild調用msbuild
終于到了介紹本文的主角了:grunt-msbuild。這是一個個人開發(fā)的msbuild調用中間件。作為grunt的插件,經過筆者親測,完全可以使用。結合其他的grunt插件,簡化了筆者發(fā)布項目的過程。
你可以像下面這樣將這個插件添加進項目的Gruntfile,實現自動發(fā)布:
msbuild: {
fontend: {
src: ['Web.FontEnd/Web.FontEnd.csproj'],
options: {
projectConfiguration: 'Release',
targets: ['WebPublish'],
stdout: true,
maxCpuCount: 4,
buildParameters: {
WarningLevel: 2,
VisualStudioVersion: "11.0",
DeleteExistingFiles: 'True',
WebPublishMethod: 'FileSystem',
publishUrl: [font_pwd]
},
verbosity: 'quiet'
}
}
}
上面的代碼實現了,將Web.FontEnd.csproj項目在Release模式下通過FileSystem發(fā)布方式發(fā)布到font_pwd變量指代的目錄下。 這里需要注意的是,可能需要根據自己的VS版本修改VisualStudioVersion參數,可以通過查看類似如下目錄:C:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v11.0來檢查。font_pwd是一個js變量,根據需要進行調整。
Grunt的完整配置就不給出了,主要是要知道這幾個關鍵的參數設置。
在實際使用過程中DeleteExistingFiles這個參數似乎不起作用,所以可能需要另外再包含清空目標文件夾的任務。下面是實際任務運行時的部分截圖:

相關文章
如何用node.js作為后臺,讀寫xml文件,Node.js的文件系統(tǒng)的Api
這篇文章主要介紹了如何用node.js作為后臺,讀寫xml文件,Node.js的文件系統(tǒng)的Api,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08

