F.I.S 筆記(百度的前端工具框架)

雖然還沒真的用到實際項目上,但我覺得這個是大大的好!
被同事打趣為魚的記性的我,還是把過程給簡單記一下。
上官網F.I.S官網

安裝

安裝環境: node.js、npm
備注:命令輸入方法 在文件夾空白處右擊,選擇“Git Bash Here”

npm install -g fis

使用

  • 進入項目目錄

  • 啟動服務器(fis 自帶了)
    fis server start

  • 編譯并發布項目
    fis release
    詞條命令的參數說明,直接上圖


    fis release 命令參數
    fis release 命令參數

    挑我用過的說下:

    -d 指定編譯完成后的項目輸出文件夾
    -m 為文件增加md5戳
    -o 壓縮文件
    -p 打包文件,就是把指定的文件合成一個文件
    -D 指定服務器名(這個有用 我當時在配置文件中配置好后,愣是沒輸這個命令,然后就是不對,我這智商)
    -w 監聽文件變化(就是不用每次改個東西 再編譯一次 刷新下就好了)
    

    -L 有修改時自動刷新服務器

我的總結如下:
進入項目文件夾后,
項目開始時:

  fis server start //啟動服務器

項目進行中:

fis release -wL //修改文件 看實時效果

項目完成要輸出到文件夾時:

fis release -omp -D -d ./output  //給項目壓縮打包輸出到指定文件夾
//-D不配置的話 默認是根目錄 -d 后面跟的 ./output 就是自定義的輸出目錄 大家隨意

項目結束:

fis server clean //清理掉緩存
fis server stop //關閉服務器

配置

直接扔個配置文件上來,因為我也不大會弄,深奧的就請大家看文檔了。

//配置文件:fis-conf.js
//打包配置 指定文件夾中的js都會被合并到  pkg文件夾下的lib.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'
    ]
});
//指定服務器 以下示例為將所有css文件http://localhost:8080
fis.config.merge({
    roadmap : {
        domain : {
            //所有css文件添加http://localhost:8080作為域名
            '**.css' : 'http://localhost:8080'
        }
    }
});
//以上配置生效的命令為  fis release -p -D

收工!

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

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,951評論 19 139
  • 前端集成解決方案要求: 模塊化開發。最好能像寫nodejs一樣寫js,很舒服。css最好也能來個模塊化管理! 性能...
    Www劉閱讀 3,059評論 1 20
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,381評論 25 708
  • “你好,請隨便看看。”服務員熱情地招呼我。我走進這家服裝店,細細挑選,感覺沒有什么特別的款式,跟其他家賣的衣服差不...
    挑兮達兮閱讀 245評論 0 1
  • 如果一個男人口口聲聲的說為對方著想,但是卻不愿意自己的女友融入自己的朋友圈,那么這個男人的愛是不靠譜的。掩耳盜鈴的...
    yoyo陽陽閱讀 291評論 0 0