Webpack 5：初學者完整指南

從基礎到高級，學習 Webpack 5！將 Webpack 與 JS、CSS、NPM、模組聯合和微前端完美結合。

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

快速上手，無需冗長的介紹和冗長的講解。
從零開始建立功能齊全、可用於生產的 Webpack 5 設定。
深入了解 Webpack 的工作原理以及使用時機。
優化您的 Webpack 生產構建，使其更精簡、更快速。
透過啟用熱模組替換、更強大的錯誤處理等功能，優化您的開發體驗。
深入了解 Webpack 5 的資源模組、載入器和插件。
結合使用 Webpack 5、Babel 7 和 NPM 等最新的 JavaScript 功能。
使用 ES 模組和 Webpack 程式碼分割功能，更好地建立程式碼。
能夠理解並改為現有的 Webpack 配置。
將 Webpack 5 與 NodeJS 和 Express 框架整合。
將 Webpack 用於單頁應用程式和多頁應用程式。
為學習進階 Webpack 功能打下堅實的基礎。
掌握 Webpack 5 中引入的全新模組聯合功能。

要求

JavaScript 基礎知識
HTML 基礎知識

課程說明

我的主要目標是幫助您理解和掌握 Webpack，尤其是其最新版本 Webpack 5！本課程專為想要從零開始學習 Webpack 的人士，以及已經在使用 Webpack 但尚未完全理解其工作原理的人而設計。

在本課程中，我們將從零開始建立功能齊全、可投入生產的 Webpack 配置。我們將從最簡單的內容開始，逐步深入更進階的內容。每節課都建立在先前的課程基礎上，因此易於理解。

完成本課程後，您將能夠在專案中使用 Webpack。您將能夠建立自己的 Webpack 配置並改進現有配置。我們也將在本課程中介紹如何使用 NPM 和 Babel 來使用最新的 JavaScript 技術。如果您之前使用過 Webpack 進行過項目，但從未接觸過配置，那麼完成本課程後，您將能夠接觸到它，甚至改進它 🙂

我會持續更新本課程，以確保它是最新的，並涵蓋 Webpack 的最新功能。

如果您對 Webpack 有任何疑問，歡迎在問答區提問。很多人已經在那裡找到了問題的答案，我也會盡力解答您的疑問。

大多數 React 和 Angular 樣板都內建了 Webpack，大多數人都不敢碰它的預設配置。我堅信您不應該害怕它。您應該掌握它！

附言：烏克蘭製造