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

- visibility ۲ mode_comment

در این مطلب با ادامه آموزش 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

comment دیدگاه کاربران
meysam1366

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

محمد اسفندیاری

سلام قربان
لطف داری
خوشحالم که بدردتون خورده
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.