安装

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-serverdevServerwebpack.config.js 文件中配置。

要更改服务器内容基目录,可以使用选项 contentBase。示例配置设置根目录到 public_html 可能看起来像

let path = require("path");

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