前言

在.NET Core之前對于壓縮樣式文件和腳本我們可能需要借助第三方工具來進行壓縮,但在ASP.NET MVC Core中則無需借助第三方工具來完成,本節(jié)我們來看看ASP.NET Core MVC為我們提供了哪些方便。

自動壓縮樣式和腳本

當(dāng)我們在測試環(huán)境中肯定不需要壓縮腳本的,如果一旦壓縮腳本的話,若在控制臺出現(xiàn)錯誤不利于我們調(diào)試,但是在生產(chǎn)環(huán)境中我們通過壓縮腳本或者樣式一來可以減少傳輸流量,二來可以加速頁面加載時間,換句話說,此時我們需要測試環(huán)境和生產(chǎn)環(huán)境對應(yīng)的原生版本和壓縮版本,那么在ASP.NET Core MVC中該如何做呢?請往下看。

我們將腳本、樣式、圖片等一些靜態(tài)文件放在wwwroot網(wǎng)站目錄下,此時我們首先需要添加bower.json文件來下載我們所需要的的腳本以及版本,如下:

移動開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),手機維修培訓(xùn),手機軟件培訓(xùn)

{    "name": "asp.net",    "private": true,    "dependencies": {    "jquery": "2.2.3",    "bootstrap": "3.3.6"
  }
}

移動開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),手機維修培訓(xùn),手機軟件培訓(xùn)

當(dāng)在此json文件中的一來節(jié)點添加我們需要的腳本和樣式時,此時會將下載的腳本和樣式自動添加到網(wǎng)站目錄文件夾下如下

移動開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),手機維修培訓(xùn),手機軟件培訓(xùn)

當(dāng)然我們也可以通過右鍵->管理Bower程序包來下載同樣會自動還原到網(wǎng)站目錄文件夾下。此時我們想要的腳本和樣式等都有了,接下來則需要在視圖中引入腳本和樣式。在ASP.NET Core MVC中為我們提供了加載樣式和腳本的三種環(huán)境:Development、Staging、Production。Development即開發(fā)環(huán)境,Staging即發(fā)布之前的測試版本,Production即發(fā)布版本。那么我們在視圖中該如何去使用呢?我們通過environment節(jié)點上的

網(wǎng)友評論