webpack 移动端真机联调

通过命令行

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/

 

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

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

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