>[danger]Webpack中有哪些核心概念？ Webpack是一個功能強大的打包工具，它能夠將多個 JavaScript、CSS、圖片等資源打包成一個或多個 bundle 文件。 它有一些核心概念貫穿整個構建流程。下面是Webpack中的幾個核心概念： 1. **Entry**（入口）：Webpack在打包時需要從哪個文件開始構建依賴關系圖，就是入口。可以設置多個入口文件，以生成多個輸出文件。 2. **Output**（輸出）：打包后的文件放在哪里，以及如何命名這些文件。可以指定輸出目錄、文件名、公共路徑等。 3. **Loader**（模塊加載器）：Webpack只能處理JavaScript文件，而其他類型的文件如CSS、圖片等需要通過Loader轉換才能被Webpack處理。Loader用于對模塊內容進行轉換處理。 4. **Plugin**（插件）：Plugin可以用于執行各種任務，例如打包優化、錯誤處理和環境變量注入等。Webpack本身只提供了一些基本的Plugin，但社區中有很多第三方Plugin可供使用。 5. **Mode**（模式）：Webpack提供了三種模式：development、production和none。不同的模式會啟用不同的Webpack內置Plugin和Loader，以便于開發和生產環境的優化。 6. **Chunk**（代碼塊）：Webpack在打包時會把所有相關聯的模塊組成一個Chunk。可以通過Code Splitting技術將代碼拆分成多個Chunk，以實現按需加載。 7. **Module**（模塊）：Webpack把每個文件都看作一個模塊，它可以是JavaScript、CSS、圖片等。這些模塊通過依賴關系進行組合，構成整個應用程序。 以上是Webpack中的七個核心概念，它們共同構成了Webpack的打包機制。熟練掌握這些概念可以幫助我們更好地了解和使用Webpack。