欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用基于Node.js的構(gòu)建工具Grunt來(lái)發(fā)布ASP.NET MVC項(xiàng)目

 更新時(shí)間:2016年02月15日 15:20:47   作者:P_Chou  
這篇文章主要介紹了使用基于Node.js的構(gòu)建工具Grunt來(lái)發(fā)布ASP.NET MVC項(xiàng)目的教程,自動(dòng)化構(gòu)建工具Grunt具有編譯壓縮單元測(cè)試等功能,十分強(qiáng)大,需要的朋友可以參考下

Grunt 簡(jiǎn)介
Grunt是一款基于js和node.js的構(gòu)建工具,由于這段時(shí)間node.js越來(lái)越火爆,grunt擁有豐富的開(kāi)源社區(qū)支持,產(chǎn)生了很多插件。還有一些插件散落在node社區(qū)。構(gòu)建是一個(gè)和寬泛的表述,傳統(tǒng)理解就是編譯、打包、復(fù)制,而今,隨著技術(shù)越來(lái)越豐富,構(gòu)建還包括對(duì)前端組件的預(yù)處理,比如sass、less預(yù)處理成css,css和js的壓縮和合并。grunt的插件可以很好的支持這些新的構(gòu)建概念,而且更為適合用開(kāi)源技術(shù)堆砌的項(xiàng)目。 雖然Grunt更多的用于程序構(gòu)建,但是本質(zhì)上Grunt是一個(gè)用來(lái)解決重復(fù)勞動(dòng)的任務(wù)運(yùn)行工具。

Grunt入門(mén)
安裝
下載安裝Node.js。下載地址

檢查安裝和查看版本:

node -v
v0.10.25

安裝grunt命令行工具grunt-cli,使用-g全局安裝,這樣可以在任何一個(gè)目錄里使用了。下面這條命令會(huì)把 grunt 加入你的系統(tǒng)搜索路徑中,所以在任何目錄下都可以使用此命令。

npm install -g grunt-cli

需要注意的是在linux或mac下有時(shí)會(huì)報(bào)沒(méi)有權(quán)限的錯(cuò)誤,這時(shí)須在前面加一個(gè)sudo

sudo npm install grunt-cli -g

查看版本:

grunt –version
grunt-cli v0.1.13

卸載。如果你在之前安裝過(guò)全局的 Grunt,那么先刪除它。

npm uninstall -g grunt

grunt-cli只是一個(gè)grunt的命令行界面,需要使用grunt及其插件,必須在項(xiàng)目的路徑(通常是項(xiàng)目根目錄下)下安裝grunt模塊本身即需要插件模塊。每當(dāng)grunt命令被執(zhí)行時(shí),它會(huì)通過(guò)nodejs的require命令在本地尋找已經(jīng)安裝的grunt。正因?yàn)槿绱?,你可以在任何子目錄下運(yùn)行g(shù)runt命令。 如果cli找到了一個(gè)本地安裝的grunt,它會(huì)加載這個(gè) grunt 庫(kù),然后應(yīng)用你在 GruntFile 中寫(xiě)好的配置, 然后執(zhí)行相應(yīng)的任務(wù)。

配置文件
package.json
package.json用來(lái)保存當(dāng)前目錄下所安裝和需要的node模塊有哪些,例如:

{
 "name": "my-project-name",
 "version": "0.1.0",
 "author": "Your Name",

 "devDependencies": {
 "grunt": "~0.4.1"
 }
}

可以手動(dòng)創(chuàng)建這個(gè)文件,或者通過(guò)npm init命令,并按照提示完成package.json文件的創(chuàng)建。如果手動(dòng)創(chuàng)建了package.json,只需通過(guò)npm install來(lái)下載和安裝所需的模塊。模塊安裝時(shí),會(huì)保存在node_modules目錄中。

如果想要在之后添加所需模塊,使用下面這個(gè)命令,可以使得package.json文件得到同步更新

npm install <module> --save-dev

Gruntfile.js
這個(gè)文件的地位就像Makefile一樣,是一個(gè)指導(dǎo)grunt進(jìn)行任務(wù)的文件,其中需要配置各個(gè)插件模塊所需的參數(shù),以及加載插件,并定義任務(wù)。更多關(guān)于Gruntfile可以參考這里。建議讀者對(duì)Gruntfile有個(gè)整體的理解再繼續(xù)。

使用Grunt構(gòu)建ASP.NET MVC
MSbuild
在使用grunt來(lái)構(gòu)建.NET項(xiàng)目之前,必須先了解MSbuild。MSBuild是微軟的用來(lái)構(gòu)建程序的工具,目前VisualStudio已經(jīng)全面使用MSbuild編譯項(xiàng)目了。MSbuild由一個(gè)msbuild工具、一組編譯或構(gòu)建器程序和xml文件組成。實(shí)際上VisualStudio中的.sln和.csproj等項(xiàng)目文件就是一個(gè)msbuild能夠認(rèn)識(shí)的xml(下面稱(chēng)為msbuild配置文件),VisualStudio通過(guò)調(diào)用msbuild,由msbuild識(shí)別其中的參數(shù)和構(gòu)建行為標(biāo)識(shí)來(lái)完成構(gòu)建工作。我們也可以自己通過(guò)命令行自己來(lái)調(diào)用msbuild。

在msbuild中有兩個(gè)關(guān)鍵的概念:Task和Property。Task是msbuild能夠直接作為目標(biāo)來(lái)執(zhí)行的入口,在執(zhí)行msbuild的時(shí)候要么指向默認(rèn)的Task,否則必須指定目標(biāo)Task是什么。Property就是變量,就像程序中的變量可以影響程序執(zhí)行一樣,Property可以影響構(gòu)建的行為。

VisualStudio產(chǎn)生msbuild配置文件其實(shí)非常復(fù)雜,表面上看只有沒(méi)有多上行,但是它通過(guò)import,將一些預(yù)定義的配置文件導(dǎo)入到當(dāng)前文件,使得無(wú)法全面的查看完整的配置文件,以至于無(wú)法找到關(guān)鍵的Task項(xiàng)。好在有一個(gè)工具可以用來(lái)幫助分析msbuild配置文件的結(jié)構(gòu)。

另外,在調(diào)用msbuild的時(shí)候,可以通過(guò)命令行參數(shù)來(lái)覆蓋默認(rèn)的屬性和任務(wù),比如下面的調(diào)用表示,以”Rebuild”這個(gè)Task作為目標(biāo),并將Configuration屬性設(shè)置為Debug:

msbuild ConsoleApplication1.csproj /target:Rebuild /property:Configuration=Debug

更多關(guān)于msbuild,請(qǐng)參考微軟的文檔

手動(dòng)使用msbuild代替VisualStudio
以發(fā)布到本機(jī)為例,經(jīng)過(guò)筆者在VS2012下的環(huán)境中測(cè)試,使用VS在調(diào)用msbuild時(shí)使用了如下關(guān)鍵的參數(shù)覆蓋:

  • Configuration:Debug或者Release,相信使用VS的同學(xué)對(duì)此不會(huì)陌生
  • VisualStudioVersion:VS在安裝的時(shí)候會(huì)將一些公用的,VisualStudio相關(guān)的,msbuild配置文件預(yù)先存在某個(gè)版本相關(guān)的地方,在VisualStudio生成項(xiàng)目文件時(shí),會(huì)包含一個(gè)$VisualStudioVersion變量,這個(gè)變量會(huì)與路徑結(jié)合指向這些預(yù)先準(zhǔn)備好的配置文件。在2012下,需要將這個(gè)值設(shè)置為11.0
  • WarningLevel:編譯時(shí)的告警級(jí)別
  • DeleteExistingFiles:發(fā)布功能使用到的是否刪除已存在文件的選項(xiàng)
  • WebPublishMethod:發(fā)布方式,筆者常用的是FileSystem,即發(fā)布到本機(jī)或遠(yuǎn)程共享的某個(gè)目錄
  • publishUrl:如果WebPublishMethod是FileSystem,這個(gè)值表示發(fā)布的磁盤(pán)路徑

關(guān)鍵的任務(wù):

  • Build:即VS中針對(duì)某個(gè)項(xiàng)目的編譯功能
  • Rebuild:即VS中針對(duì)某個(gè)項(xiàng)目的重新編譯功能
  • WebPublish:即VS針對(duì)某個(gè)項(xiàng)目的發(fā)布功能

至此,我們已經(jīng)可以使用msbuild命令行來(lái)代替VS的一些構(gòu)建動(dòng)作了。由于本篇的重點(diǎn)是grunt,讀者可以參見(jiàn)微軟的說(shuō)明,自己試驗(yàn)一下:

PS: MSbuild通常位于類(lèi)似這樣的目錄下:C:\Windows\Microsoft.NET\Framework64\v4.0.30319\MSBuild.exe
使用grunt-msbuild調(diào)用msbuild
終于到了介紹本文的主角了:grunt-msbuild。這是一個(gè)個(gè)人開(kāi)發(fā)的msbuild調(diào)用中間件。作為grunt的插件,經(jīng)過(guò)筆者親測(cè),完全可以使用。結(jié)合其他的grunt插件,簡(jiǎn)化了筆者發(fā)布項(xiàng)目的過(guò)程。

你可以像下面這樣將這個(gè)插件添加進(jìn)項(xiàng)目的Gruntfile,實(shí)現(xiàn)自動(dòng)發(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'
    }
  }
}

上面的代碼實(shí)現(xiàn)了,將Web.FontEnd.csproj項(xiàng)目在Release模式下通過(guò)FileSystem發(fā)布方式發(fā)布到font_pwd變量指代的目錄下。 這里需要注意的是,可能需要根據(jù)自己的VS版本修改VisualStudioVersion參數(shù),可以通過(guò)查看類(lèi)似如下目錄:C:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v11.0來(lái)檢查。font_pwd是一個(gè)js變量,根據(jù)需要進(jìn)行調(diào)整。

Grunt的完整配置就不給出了,主要是要知道這幾個(gè)關(guān)鍵的參數(shù)設(shè)置。

在實(shí)際使用過(guò)程中DeleteExistingFiles這個(gè)參數(shù)似乎不起作用,所以可能需要另外再包含清空目標(biāo)文件夾的任務(wù)。下面是實(shí)際任務(wù)運(yùn)行時(shí)的部分截圖:

2016215152103887.jpg (542×315)

相關(guān)文章

  • Node工程的依賴(lài)包管理方式

    Node工程的依賴(lài)包管理方式

    在前端工程化中,JavaScript 依賴(lài)包管理是非常重要的一環(huán)。依賴(lài)包通常是項(xiàng)目所依賴(lài)的第三方庫(kù)、工具和框架等資源,它們能夠幫助我們減少重復(fù)開(kāi)發(fā)、提高效率并且確保項(xiàng)目可以正確的運(yùn)行。本文詳細(xì)介紹了Node工程的依賴(lài)包管理方式,感興趣的同學(xué)可以參考一下
    2023-04-04
  • node.js部署之啟動(dòng)后臺(tái)運(yùn)行forever的方法

    node.js部署之啟動(dòng)后臺(tái)運(yùn)行forever的方法

    今天小編就為大家分享一篇node.js部署之啟動(dòng)后臺(tái)運(yùn)行forever的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-05-05
  • 零基礎(chǔ)搭建Node.js、Express、Ejs、Mongodb服務(wù)器及應(yīng)用開(kāi)發(fā)入門(mén)

    零基礎(chǔ)搭建Node.js、Express、Ejs、Mongodb服務(wù)器及應(yīng)用開(kāi)發(fā)入門(mén)

    這篇文章主要介紹了零基礎(chǔ)搭建Node.js、Express、Ejs、Mongodb服務(wù)器及應(yīng)用開(kāi)發(fā)入門(mén),本文在windows8系統(tǒng)下完成本教程,其它系統(tǒng)也可參考,需要的朋友可以參考下
    2014-12-12
  • 詳解nodejs中的process進(jìn)程

    詳解nodejs中的process進(jìn)程

    這篇文章主要介紹了nodejs中的process進(jìn)程,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下
    2017-03-03
  • 使用nvm安裝|更新|切換|nodejs的命令詳解

    使用nvm安裝|更新|切換|nodejs的命令詳解

    這篇文章主要介紹了使用nvm安裝|更新|切換|nodejs的命令詳解,有了nvm就可以簡(jiǎn)單操作node版本的切換、安裝、查看等,需要的朋友可以參考下
    2022-07-07
  • Node.js處理多個(gè)請(qǐng)求的技巧和方法

    Node.js處理多個(gè)請(qǐng)求的技巧和方法

    Node.js在處理多個(gè)請(qǐng)求方面具有優(yōu)勢(shì),它利用事件驅(qū)動(dòng)和非阻塞式I/O的特性,能夠高效地處理并發(fā)請(qǐng)求,提供快速響應(yīng)和良好的可擴(kuò)展性,這篇文章主要介紹了Node.js如何處理多個(gè)請(qǐng)求,需要的朋友可以參考下
    2023-11-11
  • 安裝使用Mongoose配合Node.js操作MongoDB的基礎(chǔ)教程

    安裝使用Mongoose配合Node.js操作MongoDB的基礎(chǔ)教程

    這篇文章主要介紹了安裝使用Mongoose來(lái)讓Node.js操作MongoDB的基礎(chǔ)教程,前端js+后端node+js操作MongoDB正是所謂最流行的一種JavaScript全棧開(kāi)發(fā)方案,需要的朋友可以參考下
    2016-03-03
  • express項(xiàng)目文件目錄說(shuō)明以及功能描述詳解

    express項(xiàng)目文件目錄說(shuō)明以及功能描述詳解

    這篇文章主要給大家介紹了關(guān)于express項(xiàng)目文件目錄說(shuō)明以及功能描述的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • WebSocket+node.js創(chuàng)建即時(shí)通信的Web聊天服務(wù)器

    WebSocket+node.js創(chuàng)建即時(shí)通信的Web聊天服務(wù)器

    這篇文章主要為大家詳細(xì)介紹了WebSocket+node.js創(chuàng)建即時(shí)通信的Web聊天服務(wù)器的相關(guān)資料,感興趣的小伙伴們可以參考一下
    2016-08-08
  • Node中的util.promisify()方法的基本使用和實(shí)現(xiàn)

    Node中的util.promisify()方法的基本使用和實(shí)現(xiàn)

    眾所周知,在JS中實(shí)現(xiàn)異步編程主要是通過(guò)以下幾種方案,回調(diào)函數(shù),觀察者模式,Generator,Promise,async / await ,今天就和大家一起聊一下在node中的一個(gè)util.promisify()這個(gè)API的基本使用和基本實(shí)現(xiàn)
    2023-07-07

最新評(píng)論