آموزش Webpack 5 Fundamentals

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

ساخت بیلد با Webpack Creating Builds with Webpack

• معرفی Introduction

• ایجاد یک ساختمان ساده Creating a Simple Build

• با استفاده از Webpack CLI Using the Webpack CLI

• پیکربندی بسته وب Configuring Webpack

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

• با استفاده از Webpack Dev Server Using the Webpack Dev Server

• ساخت چندین فایل Building Multiple Files

• خلاصه Summary

ایجاد ساختمان های آماده تولید Creating Production-ready Builds

• معرفی Introduction

• تولید در مقابل سازندگان توسعه دهنده Production vs. Dev Builds

• استفاده از لودرها Using Loaders

• اضافه کردن TypeScript Adding TypeScript

• ایجاد بسته های چندگانه Creating Multiple Bundles

• خلاصه Summary

افزودن CSS به بیلد Adding CSS to a Build

• معرفی Introduction

• پلاگین ها چیست؟ What Are Plugins?

• ایجاد فایل HTML با Webpack Creating Your HTML File with Webpack

• پاک کردن Target Directory Cleaning out the Target Directory

• بارگذاری مجدد وب سرور Live Reloading the Web Server

• از جمله CSS در ساخت شما Including CSS in Your Build

• آشنایی با پیاده سازی Style Loader Understanding the Style Loader Implementation

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

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

• با استفاده از PostCSS و Autoprefixer Using PostCSS and Autoprefixer

• خلاصه Summary

اضافه کردن تصاویر و فونت ها به یک ساختمان Adding Images and Fonts to a Build

• معرفی Introduction

• افزودن تصاویر به بیلد: روش کپی Adding Images to a Build: Copy Method

• درک ماژول های دارایی Understanding Asset Modules

• استفاده از دارایی های منبع برای مدیریت فایل های خام Using Source Assets to Handle Raw Files

• استفاده از منابع برای گنجاندن تصاویر Using Resource Assets to Include Images

• تجزیه HTML در یک بیلد Parsing HTML in a Build

• تصاویر درون خطی Inlining Images

• مدیریت تصاویر از CSS Handling Images from CSS

• اختلاط Inlining و Copy Assets Mixing Inlining and Copying Assets

• خلاصه Summary

استفاده از Webpack Tools Using Webpack Tools

• معرفی Introduction

• تجزیه و تحلیل بسته های خود Analyzing Your Bundles

• با استفاده از سرور پروکسی Using the Server Proxy

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

• ایجاد یک پلاگین Creating a Plugin

• خلاصه Summary

Webpack و فریمورک های Front End Webpack and Front End Frameworks

• معرفی Introduction

• سفارشی سازی سازه های زاویه ای Customizing Angular Builds

• سفارشی سازی React Builds Customizing React Builds

• سفارشی سازی Vue Builds Customizing Vue Builds

• خلاصه Summary