webpack یک افزونه عالی برای مجموعه ابزارهای مختلف توسعه دهنده front-end است. درواقع یک module bundler برای اپلیکیشن های وب تک صفحه ای است و می تواند جاوا اسکریپت، CSS و غیره را پردازش کند.با webpack، توسعه وب سریع تر، کارآمدتر و سرگرم کننده تر می باشد. در این دوره با مبانی webpack، نحوه ی نصب، ویرایش  config file و نحوه استفاده از لودر ها برای اجرای وظایف و پردازش فایل ها از قبیل CSS، SCSS و تصاویر درون خطی و پلاگین های webpack را برای مدیریت وظایف مانند  code splitting آشنا می شوید.

سرفصل ها:

  • معرفی
  • چیزی که باید بدانید
  • استفاده از فایل های تمرین
  • webpack چیست؟
  • نصب webpack
  • اجرای webpack  از خط فرمان
  • ایجاد  webpack config
  • استفاده از اسکریپت ساخت npm
  • استفاده از فرمان watch
  • لودرهای webpack
  • لودر چیست؟
  • راه اندازی babel loader
  • استفاده از  babel presets
  • استفاده از babel-loader برای React
  • webpack و CSS
  • بارگیری CSS با webpack
  • کامپایل کردن SCSS
  • بارگیری تصاویر
  • تنظیم webpack-dev-server
  • پلاگین webpack
  • code splitting چیست؟
  • افزودن چندین نقطه ورودی
  • استفاده از chunk bundle
  • دسته بندی فایل های vendor
  • پلاگین  HTML webpack
  • آماده سازی کد برای تولید
  • نتیجه