Attaching webpack-dev-server to the Project

package.json 設定 scripts

...
"scripts": {

  "start": "webpack-dev-server",
  "build": "webpack"
},
...

之後只要執行 npm run startnpm start,就會在 terminal 出現以下結果:

> webpack-dev-server

[webpack-validator] Config is valid.
http://localhost:8080/webpack-dev-server/
webpack result is served from /
content is served from .../webpack-demo
Hash: 2dca5a3850ce5d2de54c
Version: webpack 1.13.0

結果顯示開發伺服器已經在執行,所以可以打開 http://localhost:8080/ 瀏覽頁面。 不過如果現在你更改檔案,瀏覽器還無法同步更新,因為還需要做進一步設定。

如果瀏覽器沒看到任何結果,可能其他系統佔用了 8080 port,可以使用 netstat -na | grep 8080 檢查。

results matching ""

    No results matching ""