Elixir در لاراول قسمت اول

یکی از قابلیت های زیبای فریم ورک لاراول سرویس Elixir می باشد. این سرویس با ارائه API های ساده و کارامد به شما این امکان را می دهد که بتوانید Gulp task های پایه و آسان را برای لاراول اپلیکیشن خود بنویسید. الکسیر از پیش پردازنده های (pre-processors) CSS ، جاوا اسکریپت و همینطور از ابزارهای تست هم پشتیبانی می کند و با استفاده از قابلیت فراخوانی زنجیره ای متدها، Elixir به شما این امکان را میدهد که asset pipeline خود را به شکل ساده و آسان تعریف کنید (Pipeline :  خط لوله متشکل از زنجیره‌ای از پردازش عناصر (فرایندها، thread ها و غیره..)، مرتب شده است به طوری که خروجی هر عنصر ورودی عنصر بعدی می‌باشد).  برای مثال:

elixir(function(mix) {
    mix.sass('app.scss').coffee('app.coffee');
});

اگه قبلا در شروع کار با gulp و asset مشکل داشتید و استفاده از اون ها شما رو دچار سردرگمی کرده باید بگم که Elixir این مشکلات رو رفع کرده به طوری که اگه یه بار ازش استفاده کنید حتما عاشقش میشید. هر چند لاراول شمارو مجبور به استفاده از سرویس Elixir نمیکنه و شما میتونید از هر نوع asset pipeline دلخواه استفاده کنید و یا اصلا از این قابلیت استفاده نکنید به هر حال لاراول دست شما رو تو این زمینه باز گذاشته.

نحوه نصب و راه اندازی:

ابتدا مطمئن بشین که Node.js رو سیستم شما نصب شده باشه. برای این که متوجه بشید Node.js نصبه ویا اینکه چه نسخه ای از اون رو سیستم شما فعاله کافیه تو خط فرمان cmd (ترمینال مورد استفاده خودتون) دستور زیر رو وارد کنین

node -v

بطور پیش فرض Homestead لاراول همه ابزار های مورد نیاز برای توسعه اپلیکیشن لاراول رو روی سیستم شما نصب میکنه. به هر حال اگه شما از Vagrandt استفاده نمی کنید می تونین فایل نصب Node.JS رو اینجا دانلود کنید Gulp قدم بعدی نصب gulp به صورت یک پکیج سراسری npm می باشد. خب کافیه تو خط فرمان دستور زیر رو وارد کنید

npm install –global gulp

اگه از سیستم کنترل ورژن هم استفاده می کنید شاید بد نباشه از دستور shrinkwrap هم به منظور اعمال قفل بر روی npm requirement (منظور وابستگی های واکشی شده توسط متد require هستش) استفاده کنید

npm shrinkwrap

خب آخرین مرحله نصب Elixir می باشد. بعد از نصب و راه اندازی لاراول در مسیر ریشه (root) پروژه یک فایل با نام package.json مشاهده می کنید. این فایل شبیه فایل composer.json هست با این تفاوت که بجای php وابستگی های مربوط به Node رو تعریف میکنه. با اجرای دستور زیر در خط فرمان تمام وابستگی های مورد نیاز را نصب کنید

npm install

توجه کنید اگه برای توسعه لاراول از سیستم عامل ویندوز استفاده می کنید باید از پارامتر –no-bin-links همراه دستور npm استفاده کنید

npm install –no-bin-links

نصب ممکنه چندین دقیقه طول بکشه پس صبر کنید تا مراحل نصب کامل شه. پیغام های خطا با ERR و هشدارها با WARN نمایش داده میشن. نگران WARN ها نباشید.

اجرای Elixir

الکسیر بر پایه gulp ساخته شده و برای اجرای آن کافیه در خط فرمان دستور gulp را وارد کنید. در ضمن پارامتر –production برای minify کردن کدهای CSS و Javascript بکار میره (منظور از minify اینه که کدها بدون فاصله و پشت سر هم نوشته میشن تا حجم نهایی فایل کمتر شه) به مثال زیر توجه کنین:

//Run all task 
gulp 
//Run all task and minify all css and javascript
gulp –production 

Gulp watch:

بعد از اعمال هر تغییر در asset ها برای مشاهده تغییرات مجبور به اجرای مجدد دستور gulp در خط فرمان هستید برای رفع این مشکل میشه از دستور gulp watch استفاده کرد در اینصورت دستور همچنان که gulp در حال اجرا است تمامی تغییراتی که در asset ها اعمال می شود را رصد کرده و با ایجاد هر تغییر در asset ها (مثل ویرایش کد و ...) فایل جدی بصورت خودکار کامپایل میشود و دیگر نیاز به اجرای مجدد دستور gulp بعد از هر تغییر نیست.

gulp watch

خب برای امروز آموزشمون به پایان رسید. در جلسه بعدی در مورد شیوه نامه ها (stylesheet) در لاراول صحبت خواهیم کرد. لطفا تا آماده شدن قسمت بعدی با ما همراه باشید. قسمت دوم: شیوه نامه ها (stylesheet) در لاراول