FIS

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端集成解决方案要求: 模块化开发。最好能像写nodejs一样写js,很舒服。css最好也能来个模块化管理! 性能...
    Www刘阅读 8,218评论 1 20
  • 什么是FIS? FIS(Front-end Intergrated Solution),前端集成解决方案。 通常,...
    执凉阅读 8,794评论 0 6
  • FIS是百度的开发团队维护的,开源在github 项目发布在 fis.baidu.com 实现 开发自动化、性能优...
    Transnet2014阅读 3,873评论 0 5
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,734评论 25 709
  • “原来你在这里” “我在这里”。这是一个只有两个人的简单的故事,他是她的摆渡人,但是她却摆渡了他的人生。故事...
    雨霁彩彻阅读 3,607评论 0 1