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

- visibility ٢ mode_comment

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

grund

در جلسه قبل در مورد نحوه نصب یک بسته در devDependencies و dependencies صحبت کردیم و تفاوتهای اون رو براتون روشن کردیم. در این جلسه میخایم grunt رو با هم دیگه نصب کنیم و توضیحاتی در مورد فایل Javascript که اون رو مدیریت میکنه خدمتتون عرض کنیم. اسم اون فایل که پروژه رو مدیریت میکنه gruntfile.js هست و در ریشه پروژه قرار میگیره و در ادامه توضیحاتی در مورد اون میدیم.

در ابتدا فایل package.json ما بصورت زیر هست:

ساختار پوشه پروژه ما هم بصورت زیر هست:grunt project folder

در اولین قدم برای نصب grunt، محیط CMD رو باز میکنیم و به پوشه مربوط به پروژمون در Desktop میریم:grunt cd folder project

قدم بعدی اینه که با استفاده از npm و توضیحات داده شده در جلسات قبلی، بسته grunt رو بصورت developer نصب کنیم. برای اینکار در cmd بصورت زیر عمل میکنیم:grunt npm install developer

حالا اگر enter بزنیم، npm شروع به کار میکنه و به سرور مورد نظر وصل میشه و بسته grunt رو میگیره و در پروژه ما میریزه و نصب میکنه. بعد از زدن اینتر cmd بصورت زیر در میاد:grunt npm install developer 2

میبینید که یک سری بسته مورد نیاز برای کارایی grunt بصورت اتوماتیک نصب میشن و قرار میگیرن. حالا اگر فایل package.json رو نگاه کنیم، میبینید که بصورت اتوماتیک بروزرسانی شده و بسته grunt در ویژگی devDependencies قرار گرفته. بصورت زیر:

میبینید که در انتها بسته grunt نسخه 1.0.1 قرار گرفته. همونطور که میبینید قبل از نسخه یا ورژن قرار داده شده، یک علامت ^ قرار گرفته. هر کدوم از این علامتها معنای خاصی دارن و بیشتر از این مورد استفاده میشه. این موارد زمانی کاربرد دارن که مثلا شما یک پروژه رو میسازید و مشخص میکنید که برای این پروژه، چه بسته هایی با حداقل چه ورژنی لازم هست. از این به بعد هر کس بخواد از پروژه شما استفاده کنه، با زدن عبارت npm install، بصورت اتوماتیک npm میره و با توجه به همون علامتهای قبل از ورژن، اون نسخه مورد نظر شما رو دانلود میکنه و نصب میکنه. علامتهایی که خودتون میتونین قرار بدین، بصورت زیر خواهد بود:

  • بدون علامت : اگر هیچ علامتی قبل از نسخه بسته قرار ندهیم، npm دقیقا همون نسخه رو نصب میکنه
  • < : اون نسخه ای که نصب میشه، باید بیشتر از این عدد باشه
  • >
  • =<
  • =>
  • ~ : با قرار دادن این علامت قبل از عدد ورژن، npm جدیدترین بسته ای که از minor version تبعیت کنه رو نصب میکنه. مثلا اگر بزاریم ~1.2.3، بسته های 1.2.x میتونن نصب بشن و جای x هر عددی میتونه قرار بگیره ولی نسخه 1.3.0 نصب نمیشه
  • ^ : با قرار دادن این علامت قبل از عدد ورژن، npm جدیدترین بسته ای که از major version تبعیت کنه رو نصب میکنه. مثلا اگر بزاریم ^1.2.3، بسته های 1.x.x میتونن نصب بشن و جای x هر عددی میتونه قرار بگیره ولی نسخه 2.0.0 نصب نمیشه

برای اطلاعات بیشتر در این زمینه میتونین به سایت semver سری بزنید. همچنین این لینک هم میتونه کمکتون کنه.

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

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

موفق باشید

یا علی

Source

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

نیاز به لاگین

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