آموزش وب پک (Webpack)

دسته بندی: آموزش طراحی وب

آموزش وب پک

Webpack یک بسته نرم افزاری ماژول جاوااسکریپت اوپن سورس است. این یک بسته نرم افزاری ماژول در درجه اول برای جاوااسکریپت است، اما در صورت گنجاندن لودر مربوطه، می تواند دارایی های جلویی مانند  اچ تی ام ال، سی اس اس و تصاویر را تغییر دهد. Webpack ماژول هایی را با وابستگی به خود می گیرد و دارایی های ایستایی را ارائه می دهد که نماینده آن ماژول ها است.

Webpack وابستگی ها را می گیرد و یک نمودار وابستگی ایجاد می کند که به توسعه دهندگان وب اجازه می دهد از یک روش مدولار برای اهداف توسعه برنامه وب خود استفاده کنند. می توان آن را از خط فرمان استفاده کرد یا می توان با استفاده از یک فایل پیکربندی که به نام webpack.config.js تنظیم شده است، پیکربندی شد. این فایل برای تعریف قوانین، افزونه ها و غیره برای یک پروژه استفاده می شود. Node.js برای استفاده از Webpack لازم است. Webpack با استفاده از تقسیم کد moniker، کد در صورت تقاضا را ارائه می دهد.

بر خی از ویژگی های وب پک عبارتند از:

  • پلاگین ها و ایستگاه از پیش تنظیم شده .babelrc به صورت خودکار نصب می کند.
  • هر دو ماژول ES5 و ES6 را پشتیبانی می کند.
  • بسته های نامگذاری شده را پشتیبانی می کند.
  • بسته های دارای نقطه محدود را پشتیبانی می کند.
  • از ایمپورت CSS پشتیبانی می کند.
  • از لودرهای صفحه وب پشتیبانی می کند.
  • پشتیبانی از لودرهای درون صفحه ای درون خطی.
  • خودکار بستن وابستگی های مفقود شده را نصب می کند.
آیا این نوشته را دوست داشتید؟
packt-wordpress-5-theme-development-academy-with-bootstrap-v4

آکادمی توسعه قالب وردپرس 5 با بوت استرپ نسخه 4


این دوره شما را به مهارت هایی که برای ساخت یک قالب کاملاً سفارشی ریسپانسیو وردپرس، کاملاً از ابتدا نیاز دارید، مجهز می کند. دیگر نیازی به جستجوی قالب ...

1400/02/07 767 بازدید
laracasts-webpack-for-everyone

آموزش Webpack برای همه


Webpack ابزاری فوق العاده برای جمع آوری دارایی های front-end است. با این موضوع، شاید گاهی برای تازه واردانی که از راه اندازی سنتی تر می خواهند تغییر ر...

1398/10/16 1844 بازدید
linkedin-learning-webpack-4

آموزش webpack 4


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

1398/09/02 2183 بازدید زیرنویس دارد
packtpub-web-development-with-angular-and-webpack-4-video

آموزش توسعه وب با Angular و Webpack 4


آیا تا به حال فکر کرده اید که از مدیریت فایل های جاوا اسکریپت برای استفاده در یک مرورگر برخوردار شوید؟ ویژگی های جدید هیجان انگیز Webpack 4 تجربه توسع...

1397/08/22 1819 بازدید
teamtreehouse-getting-started-with-webpack

آموزش شروع کار با webpack


در این کارگاه با bundle کردن اپلیکیشن ها با یکی از محبوب ترین ابزارهای ایجاد وب آشنا می شوید. با روشی کلیدی برای بارگذاری ماژول، webpack می تواند تمام...

1397/04/20 1504 بازدید
tutsplus-react-deep-dive-build-a-react-app-with-webpack

ساخت اپلیکیشن مبتنی بر React با Webpack


در این آموزش تصویری با ساخت اپلیکیشن مبتنی بر React  با Webpack آشنا می شوید. این دوره آموزشی محصول موسسه Tutsplus است. سرفصل های دوره: ساخت مدل D...

1397/02/30 3303 بازدید
pluralsight-webpack-deep-dive

آموزش اصولی Webpack 


ساخت و نصب اپلیکیشن های frontend  پیچیده می تواند سخت باشد. این دوره، Webpack را پوشش می دهد که module bundler می باشد و  با لیستی گسترده از ویژگی های...

1397/02/27 1832 بازدید
1396/11/13 1120 بازدید
lynda-learning-webpack-3

آموزش Webpack 3


webpack یک افزونه عالی برای مجموعه ابزارهای مختلف توسعه دهنده front-end است. درواقع یک module bundler برای اپلیکیشن های وب تک صفحه ای است و می تواند ج...

1396/11/10 2138 بازدید زیرنویس دارد
1396/09/09 1597 بازدید زیرنویس دارد
lynda-learn-webpack-the-basics

آموزش مقدماتی Webpack


در این آموزش تصویری با Webpack آشنا می شوید. این دوره آموزشی محصول موسسه Lynda است. سرفصل های دوره: درک انواع مختلف مقالات عکس گرفتن یک عکس موض...

1395/10/11 2880 بازدید