webpack的基礎概念

webpack 是什麼

​

​webpack​

​ 是一種前端資源建構工具，一個靜态子產品打包器(​

​module bundler​

​​)。 在 ​

​webpack​

​​ 看來, 前端的所有資源檔案(​

​js/json/css/img/less/...​

​​)都會作為子產品處理。 它将根據子產品的依賴關系進行靜态分析，打包生成對應的靜态資源(​

​bundle​

​)。

webpack 五個核心概念

Entry

入口(​

​Entry​

​​)訓示 ​

​webpack​

​以哪個檔案為入口起點開始打包，分析建構内部依賴圖。

Output

輸出(​

​Output​

​​)訓示 ​

​webpack​

​​打包後的資源 ​

​bundles​

​ 輸出到哪裡去，以及如何命名。

Loader

​

​Loader​

​​讓 ​

​webpack​

​​ 能 夠 去 處 理 那 些 非 ​

​JavaScript​

​​文 件 (​

​webpack​

​​ 自 身 隻 理 解 ​

​JavaScript​

​)

Plugins

插件(​

​Plugins​

​)可以用于執行範圍更廣的任務。插件的範圍包括，從打包優化和壓縮， 一直到重新定義環境中的變量等。

Mode