Home  >  Q&A  >  body text

javascript - webpack-dev-server怎么配置?

webpack-dev-server怎么配置?

黄舟黄舟2683 days ago258

reply all(3)I'll reply

  • 黄舟

    黄舟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) {
    ...
    })

    reply
    0
  • 大家讲道理

    大家讲道理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上的文档。

    reply
    0
  • PHPz

    PHPz2017-04-10 17:49:17

    如何设置 网站的根目录?

    reply
    0
  • Cancelreply