راهنمای Minification در ASP.NET Core

هر توسعه دهنده وب باید برنامه های وب سریع و با کارایی بالا ایجاد کند که این کار در بخش های مختلف و تکنیک ها و فریم ورک های مختلفی نیاز است.

بسته بندی و کوچک سازی، دو بهینه سازی عملکرد متمایز است که می توانیم در برنامه های وب خود برای بهبود عملکرد برنامه ها و کاهش تعداد درخواست ها از مرورگر به سرور و کاهش حجم داده های منتقل شده از سرور به مرورگر استفاده کنیم.

(Minification)فرآیند حذف فضاها و نویسه های اضافی غیرضروری از کد بدون تغییر در عملکرد است

ابتدا نصب پکیج:

Install-Package BuildBundlerMinifier -Version 3.2.449

سپس یک فایل جیسون در برنامه درست کنید و الگوی زیر را در ان قرار دهید(bundleconfig.json):

[
{
"outputFileName": "wwwroot/css/site.min.css",
"inputFiles": [
"wwwroot/lib/bootstrap/dist/css/bootstrap.css",
"wwwroot/css/site.css"
]
},
{
"outputFileName": "wwwroot/js/site.min.js",
"inputFiles": ["wwwroot/js/site.js"
],
"minify": {
"enabled": true,
"renameLocals": true},
"sourceMap": false
}
]

حالا وقتی برنامه رو اجرا می کنید فایل های css و js که مشخص کردید Minification میشوند

از این تگ هم استفاده میکنیم برای Release

<environment include="Development">
        <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />    </environment>

<environment exclude="Development">        
      <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />    </environment>