• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

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

2 687 ۱۰ مرداد ۹۵

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

grund

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

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

grunt-contrib-sass

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

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

grunt-contrib-coffee

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

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

grunt-contrib-uglify

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

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

grunt-contrib-cssmin

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

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

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

موفق باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    سلام
    فرض کنید 3 تا فایل js داریم و باید اولویت بندی بشوند و اول A , بعد B و بعد C بصورت فشرده و پشت سرهم انجام شوند . گرانت از اولویت بندی پشتیبانی میکند ؟
    لطفا مثال کد رو قرار دهید نه صرفا توضیح ! با تشکر

    • ‏‏
      محمد اسفندیاری(۱۵ مرداد ۱۳۹۵)

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

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram