Webpack 是一個前端構建工具，專案打包工具，用來管理和打包前端專案

1、Webpack 的核心概念

1、Entry

入口指示，Webpack 以哪個檔案為入口起點開始打包，分析構建內部依賴圖

2、Output

輸出指示，Webpack 打包後的資源 bundles 輸出到哪裡去，以及如何合併

3、Loader

Loader 讓 Webpack 能夠處理那些非 js 檔案（Webpack 只能理解 js 檔案）

4、Plugins

Plugins 讓 Webpack 能夠做到更強大的功能，擴充套件了 Webpack 的使用

5、Mode

2、Webpack 的基本使用

1、首先進行環境初始化

npm init

2、引入 Webpack 依賴

npm i webpack webpack-cli

3、打包檔案

開發模式：

webpack 入口檔案地址 -o 出口檔案地址 --mode=development

生產模式：

webpack 入口檔案地址 -o 出口檔案地址 --mode=production

4、結論

1. Webpack 能處理 js、json 資源，不能處理 css、img 等其他資源
2. 生產環境和開發環境將 ES6 模組化編譯成瀏覽器能夠識別的模組化
3. 生產環境比開發環境多一步壓縮 js 程式碼