Minify کردن Css (آموزش)

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

اول از همه باید یک Compiler مخصوص فایل های Css دانلود کنیم که از طریق این لینک میتونید آخرین نسخه YUICompressor رو دانلود کنید که یک فایل Jar هست .

بعد از دانلود این فایل رو در محل نصب nodjs در ویندوز کپی کنید .

حالا idea رو باز کنید و برید یک پروژه جدید یا پروژه که قبلا باز کردید رو بیارید .

از منو بالا File و سپس Settings رو انتخاب کنید :

.

حالا در پنجره جدید FileWatchers رو انتخاب کنید .

بعد بر روی + کلیک کنید و YUI Compressor CSS رو انتخاب کنید .

.

در پنجره جدید در قسمت Program فقط فایل Compiler رو بهش معرفی کنید و ok رو بزنید .

.

خب دیگه کار تموم هست برو روی Ok کلیک کنید تا پنجره بسته بشه .

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

کد Css که نوشتم براش به این صورت بود :

 a {
    text-align: center;
    color: #000;
}
a :hover {
    color: #eee;
}
span {
    background-color: #eee;
    color: #0f0;
    padding: 5px;
    border: 1px solid #eee;
}

کد minify شده :

 a{text-align:center;color:#000}a :hover{color:#eee}span{background-color:#eee;color:#0f0;padding:5px;border:1px solid #eee}

نمونه فایل css و min.css :

.