webpack4--學習總結(2)--局部安裝webpack,cmd使用webpack命令

1. 在根目錄下生成package.json文件: npm init -y

2. 安裝webapck cnpm install webpack --save-dev

3. 創建webpack.config.js文件: echo > webpack.config.js

4、簡單配置 webpack.config.js

5.cmd輸入webpack命令,蛋糕了,報錯(webpack不是內部命令)

遇到這個就扎心了,這麼辦聊?

小生想到了編譯的文件夾是.bin,

進入bin文件夾,輸入webpack報錯,說是缺少了webpack-cli

於是小生就乖乖的安裝了npm install webpack-cli --save-dev  

完事了之後,又嘗試去運行webpack命令

結果小編心又涼涼了

最後,小生找了找度大娘,發現需要配置一下環境變量,於是小生

把D:\try\webpack\node_modules\.bin設置成了環境變量(到我的電腦--屬性--高級系統設置--環境變量)

關掉了cmd窗口,重新打開進入了項目文件夾運行了webpack命令

結果令小生喜極而泣,項目happily的跑起來了

說道最後,小生不得不爲自己點個攢了

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章