Webpack:
Webpack 是一個前端資源加載/打包工具。
它將根據模塊的依賴關系進行靜態分析，然后將這些模塊按照指定的規則生成對應的靜態資源。
參考下圖：
安裝Webpack:
1.首先需要安裝node.js（npm）
下載地址：node.js download
下載直接安裝就OK了。
安裝之后 打開cmd窗口輸入node -v、npm -v即可查看相應版本。
2.安裝Webpack
任意處創建文件夾（不可命名為webpack，容易沖突報錯），cmd進入文件夾下npm init 初始化。回車直至出現Is this ok？輸入yes。
在此過程中npm會為我們創建package.json文件。內容如下圖紅框。
接下來可以根據自己的選擇進行命令安裝。
局部安裝：npm install webpack
npm install webpack-cli
全局安裝：npm install global webpack
npm install global webpack-cli（生成目錄腳手架）
以全局安裝為例：
輸入webpack -v出現版本號標識安裝成功。
3.使用webpack
完善package.json加入
"scripts": { "dev": "webpack --mode development", "build": "webpack --mode production" },
webpack默認打包src/index，創建src文件夾並在src下創建index.js
cmd重新進入測試目錄webpackTest運行 npm run dev/build。這時src同級會自動創建dist文件夾（webpack默認輸出文件夾）
當打包報錯時，在當前目錄下運行npm install 后重新打包。
新建index.html測試打包
<!DOCTYPE html> <html> <head> <title>webpack-test</title> <script type="text/javascript" src="./dist/main.js"></script> </head> <body> </body> </html>
