[Webpack] Webpack 、Webpack-cli的版本、安裝、解除安裝及打包指令

如題，分享一下 Webpack 的版本及安裝。

/***** Webpack 及 Webpack-cli 版本對應 *****/

webpack3 的 webpack 和 webpack-cli 的功能是集成在一起的，只需要安裝 webpack3 即可
npm install webpack@3

webpack4+，執行方式已調整，不再是 webpack 一個而已，而是多了 webpack-cli

依賴	版本	新版本
webpack	4	5
webpack-cli	3	4
webpack-dev-server	3	3

/***** 初始化 Js/Node.js 項目，並產生 package.json *****/

// "本地"安裝 Js/node.js 項目(需在指定路徑)

npm  init

/***** 全局 *****/

// 全局安裝最新版本(不限路徑)

npm  i  webpack  webpack-cli  -g

// 全局安裝指定 webpack4版本 對應 webpack-cli3版本 (不限路徑)

npm  i  webpack@4.46  webpack-cli@3.3.12  -g

// 全局卸載 webpack 和 webpack-cli

 npm  uninstall  webpack  webpack-cli  -g

// 全局查看 webpack 版本

webpack  -v

// 全局查看 webpack-cli 版本

 webpack-cli  -v

/***** 本地 *****/

// 本地安裝(需在指定路徑) - 會將 webpack 加入 package.json 的開發依賴

npm  i  webpack  webpack-cli  -D

// 本地安裝webpack4版本 對應 webpack-cli3版本(需在指定路徑) - 會將 webpack 加入 package.json 的開發依賴

npm  i  webpack@4.46  webpack-cli@3.3.12  -D

// 本地卸載 webpack 和 webpack-cli

    1. npm  uninstall  webpack  webpack-cli  -D

    2. 若要更新 webpack 版本，就要刪除 node_module 資料夾，否則殘留文件會影響下一次的結果

    3. 重新安裝時，理論上會覆蓋 package.json 的 dependencies，若沒有就自己改

* webpack 中下載的所有東西都是開發依賴，不是生產依賴，所以是本地

* /src 代表我們源代碼目錄

* /build 代表 webpack 打包處理後，輸出的

* /src/index.js 代表 webpack 打包的入口文件(起點文件)