webpack开发时，如何在手机上查看效果

Question

webpack-dev-server启动的本地服务，例如：localhost:8080 如何在手机上查看这个地址。
之前使用browsersync启动的服务会提供一个ip地址用于其他设备连接。 不知webpack开发怎么处理，还是用node或nginx什么起个服务？ 新手望指教

Answer 1

webpack-dev-server --config webpack/webpack.config.js --progress --colors --port 8014 --host 192.168.0.144 -d

启动的时候加参数就可以了

Answer 2

手机和电脑在同一个WiFi下，看一下电脑的IP地址，比如我的是192.168.0.100。
然后手机浏览器访问 192.168.0.100:8080
启动webpack-dev-server不需要特殊参数

Answer 3

手机和电脑在同一个局域网就行了
命令提示符输入 ipconfig 即可查看本机IP信息
找到 IPv4 地址 一般是 192.168.xxx.xxx
手机通过 http://192.168.xxx.xxx:端口号 访问

顺便提醒一句：
如果电脑安装了ADSafe会禁止局域网非80端口，退出软件或关闭净网功能即可

Answer 4

在config里配置host:您的ip 然后webpack-dev-server

如

  devServer: {
    historyApiFallback: true,
    hot: true ,
    host:'192.168.199.108',
    inline: true,
    progress: true
  }