前端anywhere——前端应用启动服务

有时候我们在js里需要使用模块化，将项目打包后，用浏览器直接打开dist文件夹下的index.html会报错。

这个时候我们就可以安装一个 nodejs 的第三方模块：anywhere，以服务器方式打开项目。

---

全局安装

需要提前安装 nodejs

npm install anywhere -g

---

命令介绍

仅有一个命令
命令 anywhere 会将当前目录作为服务器根目录，调用默认浏览器在默认端口 8000 打开主页。

$ anywhere

如果你需要指定端口：

anywhere -p 1234

甚至你可以忽略 -p，命令后面直接紧跟端口号：

anywhere 1234

如果你不想调用让浏览器直接打开主页
当你在 linux 服务器上面使用时，这会很有用。

anywhere -s

如果你想指定服务器根目录
根目录默认是命令行当前目录，但你也可以自己指定

可以指定绝对路径

anywhere /home

也可以指定相对路径

anywhere ./www

如果你想指定服务器首页
anywhere 命令会默认打开根目录下的 index.html 当做首页，你可以手动指定另外一个 html 文件当做首页。

anywhere -f login.html

如果你想指定主机名
anywhere 启动的服务器默认主机名是本机的 ip 地址，你可以指定为 localhost

anywhere -h localhost

---

场景

例如我今天封装了一个判断浏览器平台的方法，并写了一个 demo 页面用于测试，那么我该如何使用不同的浏览器进行测试呢？
将 html 文件分别发送到不同的终端（mac/iphone/android/windows）然后分别使用浏览器打开文件，那么就需要逐个地向每个终端发送，一旦代码不够完美需要修改，修改之后就需要重新发送，显然这样很麻烦，我们需要一个更简单的解决方案。
这时 anywhere 就可以派上用场了。利用 anywhere 快速启动一个静态服务器，在局域网内使用不同终端的各种浏览器通过 HTTP 协议进行网页访问，修改代码之后每个终端只需要刷新浏览器即可查看最新效果。甚至可以将网址转换成二维码，通过扫描即可打开网页，岂不美哉！

---

最后

如果你忘记某个参数，随时可以使用 anywhere --help 查看帮助手册。

或者查看 anywhere 文档：https://www.npmjs.com/package/anywhere

---

本文参考：https://www.cnblogs.com/wencaizhang/p/9838485.html