学习笔记：FIS3

http://fis.baidu.com/　　FIS3官网

【配环境】：

1、先要安装node.js

https://nodejs.org/en/　　NODE.js官网（下载这个，下载后运行：  https://nodejs.org/dist/v4.2.4/node-v4.2.4-x64.msi　　v4.2.4 LTS ）

http://nodejs.cn/　　NODE.js 中文网

 

安装在：  C:\nodejs\， 进入此目录，输入：

npm install -g fis3

安装完后，敲入命令：（检查一下安装的版本是否正确）

node -v　　/* v4.2.4 */
npm -v　　 /* 2.14.12 */
fis -v     /* 1.9.39 */

 

npm update -g fis3    /* 升级 FIS3 */
npm install -g fis3    /* 重装 FIS3 */

由于众所周知的原因： 或者换个国内的源

npm install -g fis --disturl=http://registry.npm.taobao.org/mirrors/node --registry=http://registry.npm.taobao.org

 

 

 

 

 

---

 

【正文】：

使用fis3——从dev目录，将处理完的文件，输出到output目录中：

C:\zz\dev\是源文件目录

C:\zz\outputv\ 是新生成文件的目录

cd c:\zz\dev\
fis3 release -d ../output    /* 在output目录中生成处理后的文件 */

fis3 release qa 上传测试机器

fis3 release 产出到本地测试服务器根目录

也可使用此命令:

fis3 release     /* 本地测试服务器根目录：  　　C:\Users\用户名\AppData\Local\.fis3-tmp 　　　　*/

 

 

设置 C:\zz\dev\fis-conf.js  文件：

fis.match('*.js', {
    optimizer: fis.plugin('uglify-js')// fis-optimizer-uglify-js 插件进行压缩，已内置
});

fis.match('*.png', {
    optimizer: fis.plugin('png-compressor')// fis-optimizer-png-compressor 插件进行压缩，已内置
});

fis.match('::package', {
    spriter: fis.plugin('csssprites')// 启用 fis-spriter-csssprites 插件
})
fis.match('*.css', {
    optimizer: fis.plugin('clean-css'),// fis-optimizer-clean-css 插件进行压缩，已内置
    useSprite: true    // 对 CSS 进行图片合并。给匹配到的文件分配属性 `useSprite`
});

 

 

服务器启动： 

fis3 server start     /* 服务器启动 */
fis3 server open
fis3 server -h 　　　　/* 查看更多参数 */

fis3 server start 启动服务器后，浏览器访问地址是：

http://127.0.0.1:8080

http://192.168.2.101:8080

 

 

 

 http://www.cnblogs.com/chyingp/p/fis-getting-started.html　　明天继续学习

 

 

 

fis-conf.js　　一个例子：　　2016-3-16

// 启用 fis-spriter-csssprites 插件
fis.match('::package', {
  spriter: fis.plugin('csssprites')
})
// 清除其他配置，只保留如下配置
fis.match('*.js', {
  // fis-optimizer-uglify-js 插件进行压缩，已内置
  optimizer: fis.plugin('uglify-js')
});

fis.match('*.css', {
  // fis-optimizer-clean-css 插件进行压缩，已内置
  optimizer: fis.plugin('clean-css'),
  useSprite: true
});

fis.match('*.png', {
  // fis-optimizer-png-compressor 插件进行压缩，已内置
  optimizer: fis.plugin('png-compressor')
});

 

 

http://www.w3cfuns.com/notes/19478/3e20c1a6eb21cd41a1e7139490ee1896.html　　【版本发布】使用FIS3发布Web页面　　2016-4-18

.....