fis1搭建

初次使用FIS 折腾了半天,作此记录

FIS使用Node.js开发,以npm包的形式发布,所以首先你需要安装NodeJS 环境,安装成功之后

1.全局安装FIS:

npm install -g fis

2.安装成功后也许你需要一个示例跑一跑, 可以使用 Lights 包安装管理;

npm install -g lights (安装过lights 跳过 #要求node版本在v0.10.27以上)

3.安装示例demo
lights install fis-quickstart-demo

4.本地预览,开启服务
fis server start

//如果8080端口被占用,可以通过 fis server start -p 8990 指定新的端口。
//命令执行后内置服务器会一直运行,可以通过 fis server stop 命令关闭内置服务器。
//本地调试服务器启动成功后,就会自动打开 http://127.0.0.1:8080
//但是此时服务器内没有任何内容因为没有内容,没有发布。我们还需要通过FIS发布DEMO项目才能进行预览

cd fis-quickstart-demo #进入DEMO目录
fis release #编译并发布DEMO

再次刷新浏览器页面,我们就可以到fis-quickstart-demo项目的主页了

5.资源压缩,md5戳,合并,使用FIS我们无需任何配置,只需要一个命令就可以完成压缩工作。

fis release –optimize #压缩
fis release –md5 #添加md5戳
fis release –pack #fis release默认不会打包合并资源 (依赖fis.config文件添加pak配置)
可以使用简写 fis release -omp

设置完pack后,FIS默认只会进行文件打包,不会对页面中的静态资源引用进行替换,我们可以通过引入后端静态资源管理来加载打包模块。
不过也可以利用fis-postpackager-simple插件,可以自动将页面中独立的资源引用替换为打包资源。

安装simple插件
npm install -g fis-postpackager-simple

安装成功后需要在config中开启支持
利用simple插件,我们还可以按页面进行自动合并,将没有通过pack设置打包的零散资源自动合并起来。

FIS构建并不会修改源代码目录中的内容,而是拥有独立的产出的目录 可以使用 fis server open 查看

6.发布(可以指定发布目录 使用-d 参数)
fis release -omp -d ../output #这是在上一级的 output 目录发布 发布目录就可以直接使用了

npm install -g fis-parser-less

less插件

猜你喜欢

转载自blog.csdn.net/qq_28008615/article/details/81094647