學習筆記：FIS3

http://fis.baidu.com/　　FIS3官網

【配環境】：

一、先要安裝node.js

https://nodejs.org/en/　　NODE.js官網（下載這個，下載後運行：  https://nodejs.org/dist/v4.2.4/node-v4.2.4-x64.msi　　v4.2.4 LTS ）

http://nodejs.cn/　　NODE.js 中文網

 

安裝在：  C:\nodejs\， 進入此目錄，輸入：

npm install -g fis3

安裝完後，敲入命令：（檢查一下安裝的版本是否正確）

node -v　　/* v4.2.4 */
npm -v　　 /* 2.14.12 */
fis -v     /* 1.9.39 */

 

npm update -g fis3    /* 升級 FIS3 */
npm install -g fis3    /* 重裝 FIS3 */

因爲衆所周知的緣由： 或者換個國內的源

npm install -g fis --disturl=http://registry.npm.taobao.org/mirrors/node --registry=http://registry.npm.taobao.org

 

 

 

 

 

---

 

【正文】：

使用fis3——從dev目錄，將處理完的文件，輸出到output目錄中：

C:\zz\dev\是源文件目錄

C:\zz\outputv\ 是新生成文件的目錄

cd c:\zz\dev\
fis3 release -d ../output    /* 在output目錄中生成處理後的文件 */

fis3 release qa 上傳測試機器

fis3 release 產出到本地測試服務器根目錄

也可以使用此命令:

fis3 release     /* 本地測試服務器根目錄：  　　C:\Users\用戶名\AppData\Local\.fis3-tmp 　　　　*/

 

 

設置 C:\zz\dev\fis-conf.js  文件：

fis.match('*.js', {
    optimizer: fis.plugin('uglify-js')// fis-optimizer-uglify-js 插件進行壓縮，已內置
});

fis.match('*.png', {
    optimizer: fis.plugin('png-compressor')// fis-optimizer-png-compressor 插件進行壓縮，已內置
});

fis.match('::package', {
    spriter: fis.plugin('csssprites')// 啓用 fis-spriter-csssprites 插件
})
fis.match('*.css', {
    optimizer: fis.plugin('clean-css'),// fis-optimizer-clean-css 插件進行壓縮，已內置
    useSprite: true    // 對 CSS 進行圖片合併。給匹配到的文件分配屬性 `useSprite`
});

 

 

服務器啓動： 

fis3 server start     /* 服務器啓動 */
fis3 server open
fis3 server -h 　　　　/* 查看更多參數 */

fis3 server start 啓動服務器後，瀏覽器訪問地址是：

http://127.0.0.1:8080

http://192.168.2.101:8080

 

 

 

 http://www.cnblogs.com/chyingp/p/fis-getting-started.html　　明天繼續學習

 

 

 

fis-conf.js　　一個例子：　　2016-3-16

// 啓用 fis-spriter-csssprites 插件
fis.match('::package', {
  spriter: fis.plugin('csssprites')
})
// 清除其餘配置，只保留以下配置
fis.match('*.js', {
  // fis-optimizer-uglify-js 插件進行壓縮，已內置
  optimizer: fis.plugin('uglify-js')
});

fis.match('*.css', {
  // fis-optimizer-clean-css 插件進行壓縮，已內置
  optimizer: fis.plugin('clean-css'),
  useSprite: true
});

fis.match('*.png', {
  // fis-optimizer-png-compressor 插件進行壓縮，已內置
  optimizer: fis.plugin('png-compressor')
});

 

 

http://www.w3cfuns.com/notes/19478/3e20c1a6eb21cd41a1e7139490ee1896.html　　【版本發佈】使用FIS3發佈Web頁面　　2016-4-18

.....