FIS

FIS

  • 安裝fis
npm install -g fis
  • 查看fis版本
fis -v
  • 命令用于編譯并發(fā)布的你的項目,擁有多個參數(shù)調(diào)整編譯發(fā)布操作
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
}]);
//設(shè)置csssprites的合并間距
fis.config.set('settings.spriter.csssprites.margin', 20);
fis release -p
  • css圖片內(nèi)嵌
.style {
    background: url(images/logo.gif?__inline);        
}

fis release -p
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 前端集成解決方案要求: 模塊化開發(fā)。最好能像寫nodejs一樣寫js,很舒服。css最好也能來個模塊化管理! 性能...
    Www劉閱讀 3,067評論 1 20
  • 什么是FIS? FIS(Front-end Intergrated Solution),前端集成解決方案。 通常,...
    執(zhí)涼閱讀 3,517評論 0 6
  • FIS是百度的開發(fā)團隊維護的,開源在github 項目發(fā)布在 fis.baidu.com 實現(xiàn) 開發(fā)自動化、性能優(yōu)...
    Transnet2014閱讀 689評論 0 5
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,573評論 25 708
  • “原來你在這里” “我在這里”。這是一個只有兩個人的簡單的故事,他是她的擺渡人,但是她卻擺渡了他的人生。故事...
    雨霽彩徹閱讀 582評論 0 1