1. 程式人生 > >fis3--壓縮靜態資源文件夾首選

fis3--壓縮靜態資源文件夾首選

class seh get 執行 server res click node ssp

fis3


luxurybug有話說:
我是從有道雲筆記中粘貼過來的,圖片不顯示,
請點擊鏈接,查看完整筆記:點我!有道雲筆記


一、本質

前端構建工具,類似grunt、gulp

(一)、優點:易上手,兩步壓縮靜態資源文件夾

1)fis-conf.js文件

技術分享圖片
1 fis.match(‘::packager‘, {  spriter: fis.plugin(‘csssprites‘) }); fis.match(‘*‘, {  useHash: false }); fis.match(‘*.js‘, {  optimizer: fis.plugin(‘uglify-js‘) }); fis.match(‘*.css‘, {  useSprite: true
, optimizer: fis.plugin(‘clean-css‘) }); fis.match(‘*.png‘, { optimizer: fis.plugin(‘png-compressor‘) });
View Code

2)執行命令

構建發布到到項目目錄的`dist`目錄下

fis3 release -d ./dist

二、安裝

npm i -g fis3

npm update -g fis3

註意:

node版本不能過低,#6開頭不行

三、使用

(一)、release打包發布

fis3 release

(二)、server開啟一個http服務

fis3 server

1、fis3 server方式

(1) 發布版本

fis3 release

(2) 開啟http服務

fis3 server start

(3) 查看server使用的靜態資源路徑

fis3 server open

(4) 關閉http服務

fis3 server stop

(5) http服務開啟的時候,實時監聽文件(--watch -w)和刷新瀏覽器(-L)

fis3 release -wL

(6) 清空server建立的臨時文件

fis3 server clean

清空後結果:

fis3--壓縮靜態資源文件夾首選