黄舟2017-04-10 17:49:17
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) {
...
})
大家讲道理2017-04-10 17:49:17
全局安装 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上的文档。