آموزش مبانی وب پک

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• پیش نیازهای دوره Course Prerequisites

• مخزن دوره Course Repository

• نیاز به ساخت The Need for a Build

• راه حل های دیگر Other Solutions

• راه حل Webpack The Webpack Solution

• سیستم های ماژول Module Systems

• خلاصه Summary

ساخت پایه با Webpack Basic Builds with Webpack

• مقدمه Introduction

• مبانی CLI CLI Basics

• افزودن یک فایل پیکربندی Adding a Config File

• حالت مشاهده و Webpack Dev Server را مشاهده کنید Watch Mode and the Webpack Dev Server

• ایجاد چندین پرونده Building Multiple Files

• با استفاده از Loaders Using Loaders

• با استفاده از Preloaders Using Preloaders

• ایجاد اسکریپت شروع Creating a Start Script

• تولید در مقابل Dev Builds Production vs. Dev Builds

• خلاصه Summary

ساخت پیشرفته با Webpack Advanced Builds with Webpack

• مقدمه Introduction

• سازماندهی پرونده ها و پوشه ها Organizing Files and Folders

• کار با ماژول های ES6 Working with ES6 Modules

• افزودن نقشه های منبع Adding Source Maps

• ایجاد چند بسته نرم افزاری Creating Multiple Bundles

• خلاصه Summary

افزودن CSS به ساخت شما Adding CSS to Your Build

• مقدمه Introduction

• CSS و Style Loaders CSS and Style Loaders

• پیاده سازی داخلی CSS و Style Loaders Internal Implementation of CSS and Style Loaders

• با استفاده از SCSS و SASS Using SCSS and SASS

• با استفاده از LESS Using LESS

• ایجاد یک بسته CSS جداگانه Creating a Separate CSS Bundle

• تنظیم مجدد خودکار Auto Prefixer

• خلاصه Summary

افزودن تصاویر و قلم ها به ساخت شما Adding Images & Fonts to Your Build

• مقدمه Introduction

• افزودن تصاویر به ساخت Adding Images to a Build

• افزودن قلم ها به یک Build Adding Fonts to a Build

• خلاصه Summary

ابزارهای بسته وب Webpack Tools

• مقدمه Introduction

• با استفاده از Connect Middleware Using the Connect Middleware

• نسخه ی نمایشی: استفاده از Connect Middleware Demo: Using the Connect Middleware

• ایجاد یک Loader سفارشی Creating a Custom Loader

• با استفاده از پلاگین ها Using Plugins

• خلاصه Summary

Webpack و Front End Frameworks Webpack and Front End Frameworks

• مقدمه Introduction

• Webpack React Build Webpack React Build

• شروع ساخت Angular با Webpack Starting an Angular Build with Webpack

• اضافه کردن اشیا به ساخت Angular شما Adding Objects to Your Angular Build

• بهبود سازمان ساخت زاویه ای شما Improving the Organization of Your Angular Build

• افزودن الگوها به ساخت Angular شما Adding Templates to Your Angular Build

• خلاصه Summary