1、安裝

sudo npm install -g webpack webpack-cli

安裝webpack-cli的目的：

CLI（命令列工具）已經轉移到了一個單獨的包webpack-cli中。 
除了webpack自身外，請額外安裝webpack-cli來使用CLI。 
-> 使用npm安裝：npm install webpack-cli -D 
->使用yarn安裝：yarn add webpack-cli -D

webpack和webpack-cli全域性安裝目的：

舊版本的webpack中，webpack指令要能在命令列中使用，需要全域性安裝webpack，而不是本地安裝，因此這裡的webpack-cli也應該是同理。
 

2.入口檔案

初始化：

npm init

入口檔案需要放在專案根目錄的src資料夾的index.js中：

webpack4.x以'./src/index.js'作為入口，單單建立src檔案而沒有index.js檔案仍然會報錯

3.打包命令

#開發模式打包，輸出非壓縮./dist/main.js
webpack --mode=development
#產品模式打包，輸入壓縮./dist/main.js
webpack --mode=production

以上兩個命令將根目錄下的src/index.js打包成./dist/main.js，其中輸出路徑和檔案自動生成

4.命令簡寫

在package.json中的scripts增加

"dev":"webpack --mode=development",
"pro":"webpack --mode=production"

執行npm run dev相當於webpack --mode=development，

執行npm run pro相當於webpack --mode=production