学习官网
 
1. fis release: 编译并发布
    fis release -m: md5加密
    fis release -o : 内容压缩
    fis release -p : 文件打包合并
    
    可连写:fis release -mop
 
2.fis release -w 文件监听
 
 
3.fis-conf.js:
 
 // 设置图片合并的最小间隔
fis.config.set('settings.spriter.csssprites.margin', 20);
// 取消下面的注释开启simple插件,注意需要先进行插件安装 npm install -g fis-postpackager-simple
fis.config.set('modules.postpackager', 'simple');
// 取消下面的注释设置打包规则
fis.config.set('pack', {
'/pkg/lib.js': [
'js/lib/jquery.js',
'js/lib/underscore.js',
'js/lib/backbone.js',
'js/lib/backbone.localStorage.js',
],
// 取消下面的注释设置CSS打包规则,CSS打包的同时会进行图片合并
'/pkg/aio.css': '**.css'
});
// 取消下面的注释可以开启simple对零散资源的自动合并
// fis.config.set('settings.postpackager.simple.autoCombine', true);
 
3.MD5压缩合并发布到src同级本地目录
    fis release -mop -d ../output
 
4.seajs 压缩config处理(这是我自己写的,想config文件里的别名追加时间戳,希望能有更好的办法)
 
 
 
 
-------------------------------------升级至fis3--------------------------------------------
 
 
/****************************************************************************************
* 1.压缩js
*/
var jsFiles = '{/script/*,/script/*/*,/library/*,/library/*/*,/dist/template}.js';
fis.match(jsFiles, {
// fis-optimizer-uglify-js 插件进行压缩,已内置
optimizer: fis.plugin('uglify-js')
}); /****************************************************************************************
* 2.压缩css
*/
fis.match('*.css', {
// fis-optimizer-clean-css 插件进行压缩,已内置
optimizer: fis.plugin('clean-css')
});
/****************************************************************************************
* 3.合并资源
*/
var commonJs = '/script/common/*.js';
var bundleJs = '{/library/*/*,/script/service/*,/dist/template}.js'; //合并css
fis.match('/dist/style.css', {
packTo: '/dist/style.css'
});
fis.match('/script/library/swiper/swiper-3.3.1.min.css',{
packTo:'/dist/swiper.css'
}) //合并js
fis.match(commonJs, {
packTo: '/dist/common.js'
});
fis.match(bundleJs, {
packTo: '/dist/bundle.js'
}); /****************************************************************************************
* 4.对合并CSS进行图片合并
*/
fis.match('::package', {// 启用 fis-spriter-csssprites 插件
spriter: fis.plugin('csssprites')
}) fis.config.set('settings.spriter.csssprites', {
//图之间的边距
margin: 2,
//使用矩阵排列方式,默认为线性`linear`
layout: 'matrix'
}); fis.match('/dist/style.css', {
// 给匹配到的文件分配属性 `useSprite`
useSprite: true
}); fis.match('::packager', {
postpackager: fis.plugin('loader')
}); /****************************************************************************************
* 5.合并资源加时间戳
*/ fis.match('/dist/*.css', {// css加md5
useHash: true
});
fis.match('/dist/*.js', {// js加md5
useHash: true
});
fis.match('*.png', {// png加md5
useHash: true
});
fis.match('*.jpg', {// png加md5
useHash: true
}); /****************************************************************************************
* 6.忽略打包无用文件
*/
fis.set('project.ignore', [
'page/**',
'tpl/**',
'script/**',
'style/**',
'/*.js',
'/*.json',
'/*.txt',
'node_modules/**',
'.git/**',
'.svn/**'
]);

另:

  忽略页面js,防止沉底-->script后加(不能有空格)

<!--ignore-->
 

最新文章

  1. 【C语言学习】《C Primer Plus》第11章 字符串和字符串函数
  2. js的动态加载、缓存、更新以及复用(二)
  3. ArcGIS中国工具2.2正式发布
  4. HDU 5996 dingyeye loves stone ---BestCoder Round #90
  5. linux dynamic debug 官方教程
  6. 实际遭遇并解决:类型“ASP.global_asax”同时存在的问题
  7. [Math] Beating the binary search algorithm – interpolation search, galloping search
  8. Yarn中如何生成状态机图
  9. 一晚上将一个模板整合进了DJANGO
  10. go - 变量和常量
  11. 二十六、oracle pl/sql 分页
  12. php mysq模糊查询l
  13. 深度原理与框架-图像超分辨重构-tensorlayer
  14. 线段树模板(hdu1166)
  15. P1558 色板游戏 线段树+二进制状压
  16. 【Big Data - ELK】ELK(ElasticSearch, Logstash, Kibana)搭建实时日志分析平台
  17. [UI] 精美UI界面欣赏[12]
  18. 【Lua】面向对象编程(一)
  19. 手动整合实现SSH项目开发02
  20. 【laravel54】创建控制器、模型

热门文章

  1. Could not load java.net.BindException错误解决
  2. BZOJ1433 ZJOI2009 假期的宿舍 二分图匹配
  3. [转] &quot;self = [super init]&quot;的解释与潜藏bug
  4. Android学习十一:高德地图使用
  5. canvas关于getImageData跨域问题解决方法
  6. 05:统计单词数【NOIP2011复赛普及组第二题】
  7. 【原创】刚刚发现的SVN的几个有用的功能
  8. mysql多个时间戳字段默认值问题
  9. winform 异步添加文本提示
  10. PHP手机,邮箱正则匹配