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

.....

学习笔记:FIS3的更多相关文章

  1. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  2. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  3. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  4. 2014年暑假c#学习笔记目录

    2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...

  5. JAVA GUI编程学习笔记目录

    2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...

  6. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

  7. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  8. HTML学习笔记

    HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...

  9. DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记

    今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...

  10. ucos实时操作系统学习笔记——任务间通信(消息)

    ucos另一种任务间通信的机制是消息(mbox),个人感觉是它是queue中只有一个信息的特殊情况,从代码中可以很清楚的看到,因为之前有关于queue的学习笔记,所以一并讲一下mbox.为什么有了qu ...

随机推荐

  1. Binary Tree Path Sum

    Given a binary tree, find all paths that sum of the nodes in the path equals to a given number targe ...

  2. ln 链接命令 简要说明 软硬链接关系说明

    ln [选项] 目标 -s 创建符号链接(软链接) -f 强制创建链接 -i 覆盖前先询问 -v 显示创建链接过程 ln命令不能对目录创建硬链接,但可以创建软链接,对目录的软链接经常被用到 删除软链接 ...

  3. python基础08_set集合

    关于前几次课的回顾: #!/usr/bin/env python # coding:utf-8 ## 字符串 数字 列表 元组 字典 ## 可变:列表 字典 ## 不可变:字符串, 数字, 元组 na ...

  4. nodejs -- 主模块 ,初始化.

    一:知识点: 1-1: 模块初始化: 1-2 主模块: 二: 测试 2-1: 代码: 1) 主模块 1:   main.js var counter1 = require("./counte ...

  5. FCC JS基础算法题(13):Caesars Cipher(凯撒密码)

    题目描述: 下面我们来介绍风靡全球的凯撒密码Caesar cipher,又叫移位密码.移位密码也就是密码中的字母会按照指定的数量来做移位.一个常见的案例就是ROT13密码,字母会移位13个位置.由'A ...

  6. 自动化测试-19.selenium定位之通过JS修改html写入日期数据以及从文本读取数据实战

    # -*- coding: utf-8 -*- from selenium import webdriver from selenium.webdriver.support.select import ...

  7. java001单词拼写

    System.out.printIn("string"); 报错: 百度大神指点,是小写的l而不是大写的I,应该为 System.out.println("Hello S ...

  8. 服务器-华为RH5885 V3-安装Windows Server 2008R2后设备管理器中存在大量的感叹号,并且无法识别网络适配器,没有网卡

    问题描述:用引导盘安装Windows Server 2008R2后,出现如题的情况. 根源:驱动未安装. 解决方法: 1.下载驱动:https://support.huawei.com/enterpr ...

  9. API Gateway : Kong

    what problems 多个服务要写自己的log,auth,对于比较耗时的,有时还要高流量限制. solution intro 单点部署的情况: why not just haproxy log ...

  10. kafka-producer partitioner.class的使用

    partitioner.class的说明   在API客户端中封装好的partition( )方法会为消息选择一个分区编号.为了保证消息负载均衡到每个分区,可以通过使用默认方式或者 手动配置这个参数的 ...