安裝Webpack前的準備工作：
1. 由于 webpack 執行打包壓縮時依賴 nodeJS，先確定你的系統安裝了nodeJS
5.0.0
及以上的版本。
2. 因為 npm 是 nodeJS 平台預設的包管理工具，這裡用 npm 安裝 webpack。
Webpack有兩種安裝方式：
全局安裝：安裝Webpack到全局後，可以在任何地方共用一個Webpack可執行檔案，而不用各個項目重複安裝。
局部安裝：（推薦）安裝到某個項目中，可防止不同項目依賴不同版本的 Webpack 而導緻沖突。
全局安裝 Webpack
安裝Webpack：
# --install：安裝 | 簡寫：i
# --global: 全局 | 簡寫：-g
# 安裝最新版本
npm i -g webpack
# 安裝指定版本
npm i -g webpack@<version>
如果你使用 webpack 4+ 版本，還需要安裝 webpack-cli（webpack）：
npm i -g webpack-cli
檢視版本，驗證安裝成功：
webpack -v
局部安裝 Webpack 到項目
1.首先，用 npm 在項目的根目錄建立一個
package.json
檔案：
# 從目前目錄中提取的資訊生成預設的package.json
npm init -y
# 或
npm init --yes
出現一串文本表示執行成功：
在項目中安裝 webpack：
# --save-dev: 安裝到項目的依賴中 | 簡寫：-D
# 安裝最新版本
npm i -D webpack
# 安裝指定版本
npm i -D webpack@<version>
安裝成功後，打開
package.json
檔案檢視 webpack 是否已經安裝，并且檢視 webpack 安裝的版本。
由于 webpack 4.x 以上将指令相關的内容都放到了 webpack-cli，是以還需要安裝 webpack-cli。4.
安裝 webpack-cli。
npm i -D webpack-cli
在
package.json
檔案中，
devDependencies
中能夠看到
webpack-cli
的版本資訊。
5.驗證成功 我們可以進入項目的
node_modules/.bin/webpack
通路webpack的bin版本。
# 檢視webpack版本
node_modules/.bin/webpack -v
# 檢視webpack-cli版本
node_modules/.bin/webpack-cli -v
因為是局部安裝，要進入依賴包執行webpack的指令才有效，否則會被認為指令無效。 或者，使用 npm 包執行器
npx
可以自動找到對應的包執行指令（一般安裝了npm會自動安裝npx），有了這個工具，執行局部的webpack指令就沒有那麼冗長了。
npx webpack -v