什么是 fis-command-server
fis-command-server 是 fis3 的一个插件包,它可以在 fis3 的启动时启动一个 http 服务,支持进程信息查看、发布构建项目等功能。
安装
首先,你需要安装 fis3,如果还没有安装的话可以执行以下命令安装:
npm install -g fis3
安装完 fis3 后,你可以按照以下方式安装 fis-command-server:
npm install -g fis-command-server
使用
在安装完成后,我们可以在命令行中输入以下命令,启动 fis-command-server:
fis3 server start
当你看到以下输出时,说明服务已经成功启动:
√ - connected with localhost:8080
现在你可以在浏览器中访问 localhost:8080
查看进程信息了。
配置
fis-command-server 的默认启动端口号是 8080
,如果需要更改端口号,可以在 fis-conf.js
中进行配置:
fis.set('server.port', 8888);
功能列表
进程信息
浏览器访问 localhost:8080
,即可查看当前进程的状态信息,包含了内存使用情况、CPU 使用情况、启动时间、运行时间等信息。
文件列表
浏览器访问 localhost:8080/list
,即可查看当前项目中的文件列表。
构建发布
构建发布功能需要配合本地 fis3 的命令使用,先在 fis-conf.js 中配置 fis-command-release
插件:
fis.require('command-release');
然后,在命令行中执行以下命令即可构建发布项目:
fis3 release test
例子
以下是一个基于 fis3 的示例项目:
-- -------------------- ---- ------- ----------- --- ----------- --- ---------- --- --- - --- -------- - --- --------- --- ---- --- --------- --- ---------
在 fis-conf.js 中,我们配置了如下内容:
fis.set('project.files', ['*.html', 'js/**', 'css/**']); fis.require('command-release'); fis.set('server.port', 9000);
执行以下命令启动 fis-command-server:
fis3 server start
打开浏览器,访问 localhost:9000/list
,我们可以看到以下文件列表:
- index.html - js/index.js - js/jquery.js - css/index.css - css/reset.css
接下来,我们执行以下命令进行构建发布:
fis3 release prod
构建发布结束后,我们再次访问 localhost:9000/list
,可以看到以下文件列表:
- main-4df4cc58.js - index.html - main-4df4cc58.css
此时,我们在浏览器中访问 localhost:9000
,即可看到我们发布的网站了。
总结
通过 fis-command-server,我们可以在前端开发中开启一个本地 http 服务,方便开发和测试。除了查看进程信息和文件列表之外,我们还可以使用构建发布功能将项目发布到服务器上,方便其他人访问。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/63503