雖然還沒真的用到實(shí)際項(xiàng)目上梯刚,但我覺得這個(gè)是大大的好输莺!
被同事打趣為魚的記性的我答憔,還是把過程給簡(jiǎn)單記一下。
上官網(wǎng)F.I.S官網(wǎng)
安裝
安裝環(huán)境: node.js彬伦、npm
備注:命令輸入方法 在文件夾空白處右擊滔悉,選擇“Git Bash Here”
npm install -g fis
使用
進(jìn)入項(xiàng)目目錄
啟動(dòng)服務(wù)器(fis 自帶了)
fis server start-
編譯并發(fā)布項(xiàng)目
fis release
詞條命令的參數(shù)說明,直接上圖
挑我用過的說下:
-d 指定編譯完成后的項(xiàng)目輸出文件夾 -m 為文件增加md5戳 -o 壓縮文件 -p 打包文件,就是把指定的文件合成一個(gè)文件 -D 指定服務(wù)器名(這個(gè)有用 我當(dāng)時(shí)在配置文件中配置好后单绑,愣是沒輸這個(gè)命令回官,然后就是不對(duì),我這智商) -w 監(jiān)聽文件變化(就是不用每次改個(gè)東西 再編譯一次 刷新下就好了)
-L 有修改時(shí)自動(dòng)刷新服務(wù)器
我的總結(jié)如下:
進(jìn)入項(xiàng)目文件夾后搂橙,
項(xiàng)目開始時(shí):
fis server start //啟動(dòng)服務(wù)器
項(xiàng)目進(jìn)行中:
fis release -wL //修改文件 看實(shí)時(shí)效果
項(xiàng)目完成要輸出到文件夾時(shí):
fis release -omp -D -d ./output //給項(xiàng)目壓縮打包輸出到指定文件夾
//-D不配置的話 默認(rèn)是根目錄 -d 后面跟的 ./output 就是自定義的輸出目錄 大家隨意
項(xiàng)目結(jié)束:
fis server clean //清理掉緩存
fis server stop //關(guān)閉服務(wù)器
配置
直接扔個(gè)配置文件上來歉提,因?yàn)槲乙膊淮髸?huì)弄,深?yuàn)W的就請(qǐng)大家看文檔了份氧。
//配置文件:fis-conf.js
//打包配置 指定文件夾中的js都會(huì)被合并到 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'
]
});
//指定服務(wù)器 以下示例為將所有css文件http://localhost:8080
fis.config.merge({
roadmap : {
domain : {
//所有css文件添加http://localhost:8080作為域名
'**.css' : 'http://localhost:8080'
}
}
});
//以上配置生效的命令為 fis release -p -D
收工!