一、靜態檔案應用方面
ASP.NET Core 靜態檔案應用，主要分為兩方面：網站訪問和靜態檔案整合
二、案例
1、訪問靜態檔案
我們都知道，在 ASP.NET 專案中，我們的靜態檔案一般要放在 wwwroot（專案默認），比如CSS、JS、HTML、IMG、PNG 等等， 如果在 wwwroot 檔案目錄下放一張圖片，啟動程式是不能直接訪問的，我們需要在 Startup.css 啟動程式中，添加一個靜態訪問的中間建 UseStaticFiles() 即可，實體如下如所示
然后我們就可以在瀏覽器中訪問到我們的靜態檔案了，
2、修改默認wwwroot目錄
在專案中，如果習慣其他原因，我們想不叫 wwwroot ，我們是可以改為其他的名稱，如我們現在就該為public，我們只需要在 Program.css 的 CreateHostBuilder() 中添加 UseContentRoot("public") 即可，實體如下
如果你沒有 public 這個根目錄，你啟動程式就會報錯，因為你已經改了目錄名稱，
3、使用包管理器（libman）管理
libman 主要是為了管理我們的CSS、JS，比如我們的jquery.js、bootstrap框架等等的前端工具，那么如何添加呢，我們需要在 wwwroot右鍵選單-》添加-》客戶端
在彈出的 “添加客戶端庫” 中，選擇 unpkg ，輸入前端框架名稱,如 bootstrap 選擇添加所有庫或者選擇特點檔案即可，目標位置是可以修改的，但必須放在 wwwroot 目錄下，點擊安裝即可，
安裝后，可能我們需要稍等一下，可能網速慢等原因，下載該框架需要點時間，下載完成后，我們會在專案路徑下，生成一個 libman.json 檔案
這就是我們使用 libman 下載的前端框架，如果我們的 boostrap 框架洗掉了，我們只需在 libman.json 上右鍵還原客戶端即可，
4、對 JS 和 CSS 捆綁和壓縮
在網頁設計中，如何我們需要參考很多的 JS 和 CSS 我們感覺代碼非常的多，我們可以使用捆綁的形式，將多個 CSS 和 JS 捆綁在一起，方便使用，那么我們需要使用 NuGet 安裝一個工具 “BuildBundlerMinifier”，我們如果安裝呢？那么需要在專案上右鍵-》管理 NuGet 程式包
在瀏覽中，搜索BuildBundlerMinifier 安裝即可
安裝完成后，我們在專案路徑下，新建一個json檔案 bundleconfig.json 的檔案，實體如下
我們需要在里面寫需要壓縮的為一個的檔案，示例如下
{
"outputFileName": "wwwroot/css/web.min.css",
"inputFiles": [
"wwwroot/web.css",
"wwwroot/index.css"
]
}
]
編譯專案就會在 wwwroot/css目錄下面生成一個web.min.css
如果不想要壓縮的css，我們可以修改一個配置，如下所示
[
{
"outputFileName": "wwwroot/css/web.min.css",
"inputFiles": [
"wwwroot/web.css",
"wwwroot/index.css"
],
"minify": {
"enabled": false
}
}
]
如果我們想壓縮 js 也同理，
[
{
"outputFileName": "wwwroot/css/web.min.css",
"inputFiles": [
"wwwroot/web.css",
"wwwroot/index.css"
],
"minify": {
"enabled": false
}
},
{
"outputFileName": "wwwroot/js/web.min.js",
"inputFiles": [
"wwwroot/web.js",
"wwwroot/index.js"
],
"minify": {
"enabled": false
}
}
]
三、總結
學得不深入，有不對的地方，歡迎提提意見，謝謝！！!
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/63145.html
標籤：.NET Core