?

一、webpack中文網

https://www.webpackjs.com/

二、簡介

Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需加載的模塊進行代碼分隔，等到實際需要的時候再異步加載。通過 loader 的轉換，任何形式的資源都可以視作模塊，比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。

你不需要為 Webpack 寫代碼。你只需要寫項目代碼。而且 Webpack 就會持續工作（當然需要一些配置）。

簡而言之，如果你曾經遇到過以下任何一種情況：

• 載入有問題的依賴項
• 意外引入一些你不需要在生產中用上的 CSS 樣式表和 JS 庫，使項目膨脹
• 意外的兩次載入（或三次）庫
• 遇到作用域的問題 —— CSS 和 JavaScript 都會有
• 尋找一個讓你在 JavaScript 中使用 Node/Bower 模塊的構建系統，要么就得依靠一個令人發狂的后端配置才能正確地使用這些模塊
• 需要優化資產asset交付，但你擔心會弄壞一些東西

等等……

那么你可以從 Webpack 中收益了。它通過讓 JavaScript 輕松處理你的依賴關系和加載順序，而不是通過開發者的大腦。最好的部分是，Webpack 甚至可以純粹在服務器端運行，這意味著你還可以使用 Webpack 構建漸進增強式網站。

本質上，webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時，它會遞歸地構建一個依賴關系圖(dependency graph)，其中包含應用程序需要的每個模塊，然后將所有這些模塊打包成一個或多個 bundle。

?

總結

以上是生活随笔為你收集整理的webpack简介的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。