雖然還沒真的用到實際項目上,但我覺得這個是大大的好!
被同事打趣為魚的記性的我,還是把過程給簡單記一下。
上官網F.I.S官網
安裝
安裝環境: node.js、npm
備注:命令輸入方法 在文件夾空白處右擊,選擇“Git Bash Here”
npm install -g fis
使用
進入項目目錄
啟動服務器(fis 自帶了)
fis server start-
編譯并發布項目
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
收工!