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. Centos7.5安装Docker

    Docker是一个开源的应用容器引擎,使用Go语言开发,基于Linux内核的cgroup,namespace,Union FS等技术,对应用进程进行封装隔离,并且独立于宿主机与其他进程,这种运行时封装 ...

  2. 第一周例行报告psp

    此作业要求参见  https://edu.cnblogs.com/campus/nenu/2018fall/homework/2100 (1)psp表

  3. Tomcat version 7.0 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5 Web modules

    原文出处:http://jingwang0523.blog.163.com/blog/static/9090710320113294551497/ 最近在用eclipse做项目,新建项目时什么都贪新, ...

  4. [多线程] 线程中的synchronized关键字锁

    为什么要用锁? 在多线程中,难免会出现在多个线程中对同一个对象的实例变量或者全局静态变量进行并发访问的情况,如果不做正确的同步处理,那么产生的后果就是"脏读",也就是取到的数据其实 ...

  5. Vue编译提示警告

    There are multiple modules with names that only differ in casing.有多个模块同名仅大小写不同This can lead to unexp ...

  6. 利用htmlparser读取html文档的内容

    1.添加相关的的jar htmlparser-2.1.jar 2.方法和代码 public static String readHtml(File html) { String htmlPath = ...

  7. 剑指Offer 7. 斐波那契数列 (递归)

    题目描述 大家都知道斐波那契数列,现在要求输入一个整数n,请你输出斐波那契数列的第n项(从0开始,第0项为0). n<=39 题目地址 https://www.nowcoder.com/prac ...

  8. C# 异步通信 网络聊天程序开发 局域网聊天室开发

    Prepare 本文将使用一个NuGet公开的组件技术来实现一个局域网聊天程序,利用组件提供的高性能异步网络机制实现,免去了手动编写底层的困扰,易于二次开发,扩展自己的功能. 在Visual Stud ...

  9. 1.3 解决pip使用异常问题

    1.3 解决pip使用异常问题 1.3.1 pip出现异常有一小部分童鞋在打开cmd输入pip后出现下面情况:Didnot provide a command Did not provide a co ...

  10. 如何使用Nunit进行测试(Visual Studio 2017 comminity)

    一.环境 操作系统:Windows 版本 10.0.15063 64位 集成环境:Visual Studio 2017 comminity(此后简称vs2017) 编程语言:C# 目标框架:.NET ...