2022 年的 Webpack 5：初學者完整指南

Contents

從基礎到高級學習 Webpack 5！將 Webpack 與 JS、CSS、NPM、模組聯合和微前端一起使用。

從這 4.5 小時的課程，你會學到

快速上手，無需冗長的介紹和漫無邊際的介紹。
從頭開始創建功能齊全、生產就緒的 Webpack 5 配置。
深入了解 Webpack 的真正工作原理以及何時使用它。
優化你的 Webpack 生產構建，使其體積小且速度快。
通過啟用熱模組替換、更好的錯誤處理等來優化你的開發體驗。
深入了解 Webpack 5 資產模組、加載器和外掛。
通過 Webpack 5、Babel 7 和 npm 使用最新的尖端 JS 功能。
使用 EcmaScript 6 模組和 Webpack 程式碼拆分更好地組織你的程式碼。
能夠理解和改進現有的 Webpack 配置。
將 Webpack 5 與 Node JS 和 Express 框架整合。
將 Webpack 用於單頁應用程式和多頁應用程式。
為學習高級 Webpack 功能打下堅實的基礎。
掌握 Webpack 5 中引入的新模組聯合功能。

要求

JavaScript 基礎
HTML基礎

課程說明

我的主要目標是幫助你理解和掌握 Webpack，尤其是它的最新版本 Webpack 5！本課程專為那些想從頭開始學習 Webpack 的人，以及已經在使用 Webpack 但不完全理解它是如何工作的人設計的。

在本課程中，我們將從頭開始構建功能齊全、生產就緒的 Webpack 配置。我們將從非常簡單的事情開始，然後逐漸轉向更高級的主題。每節課都建立在前幾節課的基礎上，因此很容易上手。

完成本課程後，你肯定能夠在你的專案中使用 Webpack。你將能夠創建自己的 Webpack 配置並改進現有配置。我們還將在本課程中介紹如何使用 NPM 和 Babel，以便使用最新的 JavaScript 技術。如果你使用 Webpack 做過專案，但從未接觸過配置，那麼在本課程之後，你將能夠接觸到它，甚至可以改進它:)

我會不斷更新這門課程，因此你始終可以確保它是最新的並涵蓋了 Webpack 的最新功能。

如果你對 Webpack 有任何疑問，請隨時在問答部分貼文。很多人已經在那裡獲得他們問題的答案，我也會盡力幫助你解決問題。

大多數 React 和 Angular 樣板都包含 Webpack，大多數人都害怕觸及它的原始配置。我堅信你不應該害怕它。你應該掌握它！

P.S. 烏克蘭製造