安裝

webpack-dev-server 可以通過 npm 安裝

npm --save-dev webpack-dev-server

現在你可以啟動伺服器了

./node_modules/.bin/webpack-dev-server

為了簡化使用，你可以向 package.json 新增指令碼

// package.json
{
  ...
  "scripts": {
    "start": "webpack-dev-server"
  },
  ...
}

現在執行伺服器即可使用

npm run start

webpack-dev-server 在 devServer 的 webpack.config.js 檔案中配置。

要更改伺服器內容基目錄，可以使用選項 contentBase。示例配置設定根目錄到 public_html 可能看起來像

let path = require("path");

module.exports = {
  ...
  devServer: {
    contentBase: path.resolve(__dirname, "public_html")
  },
  ...
}