在asp.net core中則可以使用BuildBundlerMinifier來進行css,js的壓縮合並
1、使用NuGet安裝 BuildBundlerMinifier(也可以在vs中下載安裝擴展
Bundler
& Minifier,手動壓縮文件
)
2、新建:bundleconfig.json 綁定和縮減
[ { // 要輸出的捆綁文件名稱。 可以包含中的相對路徑bundleconfig.json文件。 必填 "outputFileName": "wwwroot/css/site.min.css", // 要將捆綁在一起的文件的數組。 這些是配置文件的相對路徑。 可選,* 空值會在空的輸出文件。 組合支持模式。 "inputFiles": [ "wwwroot/css/site.css" ] }, { "outputFileName": "wwwroot/js/site.min.js", "inputFiles": [ "wwwroot/js/site.js" ], // "輸出類型縮減選項。 // "可選,默認值-minify": { "enabled": true }, "minify": { "enabled": true, "renameLocals": true }, // 指示是否生成捆綁的文件的源映射的標志。 可選,默認-false "sourceMap": false, // "指示是否將生成的文件添加到項目文件的標志。" "可選,默認-false", "includeInProject": true // 用於存儲生成的源代碼映射文件的根路徑。 //"sourceMapRootPath": "" } ]
參數說明
-outputFileName
:要輸出的壓縮文件的相對路徑(需要對應的資源時可以直接引用 outputFileName里面的 資源)。
-必填
-inputFiles
:要輸出的壓縮文件的相對路徑。
- 可選,為空則輸出空文件
- 空值會在空的輸出文件。 支持組合模式
- 組合模式 栗子:"inputFiles": ["wwwroot/**/*(*.css|!(*.min.css)"]
將獲取所有 CSS 文件,不包括縮減的文件模式。
-minify
:壓縮選項的配置
- 默認啟用壓縮,更多配置見BundlerMinifier-Wiki
- 可選
-includeInProject
:將生成的文件添加到項目文件 (默認的文件中也沒有這個選項)
- 文檔寫的是 默認false,在vs中轉到定義查看是true 。囧,默認是沒有這個參數的
-sourceMaps
:生成捆綁的文件的源映射
-默認false