什麼是Webpack

Webpack是一款模組載入器兼打包工具，他能把各種資源，比如 JS、ES6、LESS、圖片等都作為模組來處理使用

安裝Webpack

注意：webpack-cli的橫線之間不要有空格,不然在測試的時候輸入：webpack -v會顯示如下

(base) D:\Project\vue\vue-second\myvue>webpack -v
One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
 - webpack-cli (https://github.com/webpack/webpack-cli)
   The original webpack full-featured CLI.
We will use "npm" to install the CLI via "npm install -D".
Do you want to install 'webpack-cli' (yes/no):
 

npm install webpack -g
npm install webpack-cli -g
#測試安裝成功：
webpack -v
webpack-cli -v

使用webpack

1. 建立專案（即新建資料夾，用idea開啟）
2. 編寫js

3. 打包

輸入webpack,你會發現在專案中會多一個資料夾dist

v4.0.0 以上版本的 webpack，可以不使用配置檔案配置 webpack ，使用官網推薦的使用 ./src/index.js 作為入口點

4. 在html中引入包