آموزش استفاده از Grunt برای مدیریت وظایف تکراری - Grunt (جلسه 9) - معرفی بسته های Grunt - قسمت 3

در این مطلب با ادامه آموزش Grunt در خدمتتون هستیم.

در جلسه قبل تعدادی از پلاگینهای موجود برای grunt رو قرار دادیم و برای هر کدوم توضیحاتی رو در نظر گرفتیم. در این جلسه هم میخایم تعدادی پلاگین دیگه رو خدمتتون عرض کنیم و شما با اونا آشنایی مقدماتی پیدا کنید.

پلاگین 3 : grunt-contrib-sass

با استفاده از این ابزار میتونین فایلهای sass خودتون رو کامپایل کرده و خروجی css از اونا بگیرید. همونطور که میدونید sass یک پیش پردازنده برای Css هست و با استفاده از اون میتونین قدرت برنامه نویسی و محاسبات رو به Css اضافه کنیم. فرمت این زبان میتونه sass یا scss که مخفف sassy css هست باشه.

پلاگین 4 : grunt-contrib-coffee

با استفاده از این ابزار میتونین فایلهای coffee که بر پایه زبان Coffee Script هستن رو کامپایل کرده و اون رو بصورت فایل js یا Javascript در بیارید. همونطور که میدونید coffeescript دارای پسوند coffee هستن و درون اونها کدهای مختلفی قرار داده میشه و خیلی از کارکترهای تکراری رو لازم نیس در اون قرار بدیم و syntax هم برای اونا فرق میکنه. در انتها میتونیم با استفاده از این پلاگین، این فایلها رو کامپایل کرده و بصورت جاوااسکریپت در بیاریم.

پلاگین 5 : grunt-contrib-uglify

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

پلاگین 6 : grunt-contrib-cssmin

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

در جلسات بعدی بیشتر در مورد Grunt صحبت میکنیم.

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

موفق باشید

یا علی

Source

سون لرن • آموزش...