首页 > webpack开发时,如何在手机上查看效果

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

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


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


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

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


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

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

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

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

【热门文章】
【热门文章】