Support Features:
Content embedding (primarily for pictures), less, auto-generate Sprite, compress css and JS, auto Refresh
Installing FIS3
NPM install-g fis3npm install-g fis-parser-lessnpm install-g fis3-postpackager-loaderfis3 release-d D:/file/demo ...// Publish path FIS3 server Startfis3 RELEASE-WL//Turn on auto Refresh
Fis-config.js
Fis.match (' *.{ PNG,JS,CSS} ', {release: '/static/$0 ', usehash:true //Add MD5 stamp, for strong cache}); Fis.match (' *.js ', {optimizer:fis.plugin (' Uglify-js ')}); Fis.match (' *.png ', {optimizer:fis.plugin (' Png-compressor ')}); Fis.match ('::p ackage ', {spriter: Fis.plugin (' Csssprites ')}); Fis.match (' *.{ Css,less} ', {optimizer:fis.plugin (' clean-css ')}, Fis.match (' *.css ', {usesprite:true}); Fis.match (' *.{ Less,sass} ', { parser:fis.plugin (' less '), //fis-parser-less plug-in parsing rExt: '. css ', //. Less The file suffix was built and changed to. css file iscsslike:true}); Fis.config.set (' Settings.spriter.csssprites ', { htmlusesprite:true, // Open template inline CSS processing, default off Stylereg:/(<style (?:(? =\s) [\s\s]*? ["' \s\w\/\-]>|>)" ([\s\s]*?)] (<\/style\s*>|$)/ig,//default <style></style> tag matching regular scale:1, //Sprite zoom margin:10, margin layout between//graphs : ' Matrix ' //using matrix arrangement, default to Linear ' linear '};
fis3--for small projects