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

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



  آیا می دانید تا کنون 6336 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

2 435 ۶ مرداد ۹۵

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

grund

در جلسه قبل توضیحاتی در مورد بسته های عادی و Developer دادیم. همونطور که قبلا هم توضییح دادیم بسته هایی که developer هستن فقط برای کسانی هست که میخان اون پروژه رو توسعه بدن و تغییراتی رو در اون ایجاد کنن. پس بسته هایی که Developer هستن رو لازم نیس که بر روی هاست خودتون آپلود کنید و فقط باید بسته های پیش نیاز یا عادی که در ویژگی dependencies قرار میگیره رو بر روی سرور خودتون بزارید که در مرورگر لود بشه. حالا در این پروژه ای هم که ما داریم میخایم با استفاده از grunt و پلاگینهای مختلف اون یک سری کار بر روی پروژه انجام بدیم و اون رو بهینه سازی کنیم. بنظرتون grunt و پلاگینهای این ابزار رو باید در dependencies قرار بدیم یا در devDependencies؟

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

خب تا اینجای کار فایل package.json ما بصورت زیر هست:

میبینید که هنوز هیچ کدوم از موارد dependencies و devDependencies وجود نداره. حالا بعضیا هستن که بصورت دستی این موارد رو اضافه میکنن، که من اصلا پیشنهاد نمیکنم و بعضیا هم با استفاده از خود دستورات npm این کارو انجام میدن. فرض کنید میخاید یک بسته نمونه رو نصب کنید. میخایم بعد از اینکه اون بسته نصب شد، فایل package.json هم بروزرسانی و update بشه. برای اینکار در انتهای عبارت وارد شده بوسیله npm میتونیم دو مقدار رو قرار بدیم:

  1. --save : با استفاده از این مورد، اون بسته در ویژگی dependencies قرار داده میشه
  2. --save-dev : با استفاده از این مورد، اون بسته در ویژگی devDependencies قرار داده میشه

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

اگر این رو اجرا کنیم، فایل package.json بروزرسانی میشه و بشکل زیر در میاد:

میبینید که sample درون ویژگی dependencies قرار گرفته. حالا اگر از مورد دوم استفاده کنیم:

اگر این رو اجرا کنیم، فایل package.json بروزرسانی میشه و بشکل زیر در میاد:

میبینید که sample درون ویژگی devDependencies قرار گرفته. این موارد برای مثال بود و sample در حقیقت وجود نداره. در جلسه بعدی grunt رو نصب میکنیم و کار با اون رو شروع میکنیم.

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

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

موفق باشید

یا علی

Source

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

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

  • ‏‏
    meysam1366(۷ مرداد ۱۳۹۵)

    سلام استاد اسفندیاری عزیز
    مطالب مربوط به گرانت خیلی عالی بود من که کیف کردم
    انشاالله که چیزهای بیشتری از شما یاد بگیرم
    موفق و پبروز باشی

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram