安裝webpack

全域性安裝：npm i -g webpack 

目的：在任何目錄中通過CLI使用 webpack 這個命令

專案安裝：npm i -D webpack

目的：執行當前專案的構建

成功就會出現這幾個目錄

使用例項

思路

1.安裝node js

安裝成功後在命令列檢視node版本，如果有說明安裝成功。

node -v

2.安裝vue-cli腳手架搭建專案，可生成很多配置好多的檔案

安裝命令：(使用cnpm 淘寶映象安裝vue腳手架）

cnpm install vue-cli

3.通過腳手架搭建專案

vue init webpack (專案名稱）

vue init webpack myProject

生成下面這些配置檔案

3.在生成的src 資料夾下面的檔案裡面編寫自己的頁面

4.編譯打包（cnpm 比npm 快速 ，也可以用npm）

cnpm install 

完成後生成這個資料夾下面的這堆依賴

5.執行

npm run dev

也可在package.json檔案裡面配置start命令，如圖，配置好後，可以執行 cnpm start（來執行，也就相當於npm run dev）

執行完後，可通過這個地址去檢視頁面