通过命令行

webpack-dev-server --port 3000 --hot --host 0.0.0.0

命令执行起来,没有异常的情况下就可以通过你的ip和设置的端口号联调移动端效果了。

这个命令行好长,记不住怎么办?

在npm配置文件 package.json里的scripts下增加配置项:

"m-start":"webpack-dev-server --port 3000 --hot --host 0.0.0.0"

这样就可以通过命令来启动服务了:

npm run m-start

ip地址为

http://xxx.xxx.xxx.xxx:3000/

http://xxx.xxx.xxx.xxx:3000/webpack-dev-server/

 

第一种方式你的代码更新后,需要手动刷新页面才能看到改变。

第二种方式你的更改已保存,客户端立刻自动刷新页面。十分方便,但是在头顶会有一行提示栏,提示你代码更新的状态,暂时还不知道怎么去掉,十分讨厌。

如果有朋友知道如何去掉,请留言告诉我,不胜感激。

 

相关文章:

  • 2021-10-01
  • 2021-06-03
  • 2021-11-17
  • 2021-11-17
  • 2021-07-17
  • 2022-01-03
猜你喜欢
  • 2021-09-29
  • 2022-12-23
  • 2021-10-11
  • 2021-09-04
相关资源
相似解决方案