FIS

作者: ShindouHikaru | 来源:发表于2015-03-26 16:34 被阅读49次

FIS

  • 安装fis
npm install -g fis
  • 查看fis版本
fis -v
  • 命令用于编译并发布的你的项目,拥有多个参数调整编译发布操作
fis release
  • 启动
 fis server start
  • 打开fis根目录
fis server open

======

包管理工具

  • 安装包管理工具
npm install -g fis-postpackager-simple

config.js启用

fis.config.set('modules.postpackager', 'simple');
  • 压缩
fis release -o
  • 把config.js指定合并
fis.config.set('pack', {
    'pkg/lib.js': [
        '/lib/mod.js',
        '/modules/underscore/**.js',
        '/modules/backbone/**.js',
        '/modules/jquery/**.js',
        '/modules/vendor/**.js',
        '/modules/common/**.js'
    ],
    'pkg/aio.css':[
    '**.css'
    ]
});
fis release -pd ./output

添加文件版本

  • 使js & css md5
fis release -md5
  • 合并图片
//为所有样式资源开启csssprites
fis.config.set('roadmap.path', [{
    reg: '**.css',
    useSprite: true
}]);
//设置csssprites的合并间距
fis.config.set('settings.spriter.csssprites.margin', 20);
fis release -p
  • css图片内嵌
.style {
    background: url(images/logo.gif?__inline);        
}

fis release -p

相关文章

  • fis3

    fis3 http://fis.baidu.com/fis3/docs/beginning/intro.html ...

  • FIS

    FIS 安装fis 查看fis版本 命令用于编译并发布的你的项目,拥有多个参数调整编译发布操作 启动 打开fis根...

  • FIS3 , 为你定制的前端工程构建工具

    原文链接:http://fis.baidu.com/fis3/index.html

  • Mac安装FIS3

    参考:https://fis.baidu.com/fis3/docs/beginning/install.html...

  • 前端模块化

    fis 百度出品:http://fis.baidu.com/#normal ant.design https://...

  • FIS学习记录

    什么是FIS? FIS(Front-end Intergrated Solution),前端集成解决方案。 通常,...

  • 开发问题

    1.fis3-parser-sass 安装问题更换为使用fis-parser-node-sass参考:https:...

  • 利用fis3构建前端项目工程

    利用fis3构建前端项目工程 [TOC] FIS3是国内百度公司产出的一款前端工程构建工具,FIS3可以解决前端工...

  • FIS 插件机制

    FIS 插件机制author: @TiffanysBear 当我们使用 FIS 插件的时候,有没有想过自己也开发一...

  • [译]Webpack前端构建集成方案

    构建工具逐渐成为前端工程必备的工具,Grunt、Gulp、Fis、Webpack等等,译者有幸使用过Fis、Gul...

网友评论

      本文标题:FIS

      本文链接:https://www.haomeiwen.com/subject/jwxnxttx.html