webpack-dev-server怎么配置？

webpack-dev-server怎么配置？

---

webpack-dev-server 会监听前端代码并且重启服务
app.use(require('webpack-dev-middleware')(compiler, serverOptions))
app.use(require('webpack-hot-middleware')(compiler))
其中compile是webpack的配置文件，serverOption配置了启动的端口等信息
然后启动服务
var app = new Express()
app.listen(PORT, function onAppListening(err) {
...
})

---

全局安装 webpack-dev-server，然后运行webpack-dev-server --inline --hot --host 0.0.0.0 --port 1024 --history-api-fallback。

需要注意的是，webpack.config.js里的配置里有个output，里面有个publicPath，这个是提供打包后的文件的地址。

如果你在开发环境，那么这个要设置为相对路径，然后这个相对路径就是html加载文件的位置。

如果是生产环境，那么，这个就是cdn的地址。

有点混乱，我被这里的设置坑过。手机回答，无法细说。这里建议细读github上的文档。

---

如何设置 网站的根目录?