1.window+R鍵，輸入cmd打開命令行工具，輸入 mkdir XXXX（XX：文件夾名）；
2.cd XXX 進入剛剛創建好的文件夾里，輸入cnpm install -g webpack （安裝了淘寶鏡像的小伙伴可以直接使用cnpm，沒有安裝的使用npm）cnpm和npm的區別這里就不多說了，不懂的小伙伴可以百度
附圖一張：
3.安裝好之后初始化一下，（初始化的主要目的是生成package.json文件）在命令行工具中輸入： cnpm init，輸入完成后，會有一系列的內容，會問到你關於項目的名稱，描述等等，這里可隨意填寫
4.初始化完成后，對項目目錄進行安裝，第二步的-g是全局安裝，官方不推薦使用，比如你的項目使用的是webpack2.X版本，這樣就會覆蓋之前的版本，導致項目配置錯誤。
輸入命令：cnpm install --save-dev webpack,安裝后之后，可以看看是否安裝成功，輸入命令webpack -v 即可 （注：--save-dev：本地安裝到開發環境）
這樣就安裝成功了
前端必學內容：webpack（模塊打包器）
webpack3 學習內容，點擊即可到達
(1).webpack快速入門——如何安裝webpack及注意事項
(2).webpack快速入門——webpack3.X 快速上手一個Demo
(3).webpack快速入門——配置文件：入口和出口，多入口、多出口配置
(4).webpack快速入門——配置文件：服務和熱更新
(5).webpack快速入門——CSS文件打包
(6).webpack快速入門——配置JS壓縮，打包
(7).webpack快速入門——插件配置：HTML文件的發布
(8).webpack快速入門——CSS中的圖片處理
(9).webpack快速入門——CSS分離與圖片路徑處理
(10).webpack快速入門——處理HTML中的圖片
(11).webpack快速入門——CSS進階，Less文件的打包和分離
(12).webpack快速入門——CSS進階：SASS文件的打包和分離
(13).webpack快速入門——CSS進階：自動處理CSS3前綴
(14).webpack快速入門——CSS進階：消除未使用的CSS
(15).webpack快速入門——給webpack增加babel支持
(16).webpack快速入門——打包后如何調試
(17).webpack快速入門——實戰技巧：開發和生產並行設置
(18).webpack快速入門——實戰技巧：webpack模塊化配置
(19).webpack快速入門——實戰技巧：優雅打包第三方類庫
(20).webpack快速入門——實戰技巧：watch的正確使用方法，webpack自動打包
(21).webpack快速入門——實戰技巧：webpack優化黑技能
(22).webpack快速入門——集中拷貝靜態資源
(23).webpack快速入門——Json配置文件使用
如果我的內容對你有幫助，歡迎打賞
