用到 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