Fis3的前端模块化之路[基础篇]

Fis3版本:v3.4.22

fis3是一个构建工具


解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题。

安装


npm install -g fis3

运行

fis3 -v

输出
743207-20161124220811237-291398032.png

说明安装成功。

基本使用


查看有哪些命令

fis3 -h

743207-20161124221845471-359713879.png

构建命令

//构建
fis3 release 

//构建输出到指定目录
fis3 release -d <path>

//构建输出到当前目录下
fis3 release -d ./output

//构建输出到父级目录下
fis3 release -d ../output

//构建到其他磁盘
fis3 release -d E:\output

743207-20161124224011675-1577785300.png

fis3构建项目的时候有个特点:就是不会去更改源文件,而是重新生成文件

调试相关命令

fis3自带一个调试用的服务器

//先构建
fis3 release

//再来启动本地 Web Server,当此 Server 启动后,会自动浏览器打开 http://127.0.0.1:8080,默认监听端口 8080
fis3 server start

//打开Server所在的目录
fis3 server open

//关闭调试
fis3 server stop

//清空Server目录下构建的文件
fis3 server clean

启动Server后,每次修改文件,只需要release。不需要server start。应该内置的服务是长驻的,除非主动关闭服务。
如果觉得每次这样麻烦,我们也可以设置文件监听。省去手动刷新的麻烦。

fis release -wL
启动Server:

743207-20161124224556534-962750938.png

打开Server目录:

743207-20161125104555690-1622704110.png

清空release的资源

743207-20161125104758034-1330902582.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值