webpack react基礎配置二 熱加載


用到 webpack-dev-server  先安裝,注意 裝到全局 還是本項目我也沒注意  因為之前一直報錯,有很小可能是安裝到本地解決了,或者是我網絡問題:

裝到全局:$ npm install webpack-dev-server -g

裝到本地: $ npm install webpack-dev-server --save-dev

修改配置文件   圖片有說明:

執行命令 直接打包,無需刷新瀏覽器  自動刷新代碼(局部刷新):

$ webpack-dev-server --port 3000 --hot --inline

這樣修改如下css可以不刷新瀏覽器 直接看到效果  這樣有個好處  很多開發用兩個瀏覽器,這邊改代碼  另一邊直接看效果了 很方便:

 其實配置好配置項了  可以直接打包:

$ npm run build   如下:

 

 

 demo:鏈接:http://pan.baidu.com/s/1i57Dvut 密碼:om5j

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM