mhleilei / fis3

FIS3

FIS3

FIS3 面向前端的工程构建系统。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。

如果对FIS先有些了解，但理解不深的，可试着带着这句话去看文档
FIS3 会在配置文件中给文件添加相应属性，用于控制文件的编译、合并等各种操作；文件属性包括基本属性和插件属性，详细请参考

npm install -g fis3

文档

快速入门、配置、插件开发以及原理等文档 doc/docs/INDEX.md

例子

mkdir my-proj
cd my-proj
fis3 init
fis3 release
fis3 server start --type node

fis-conf.js 的例子

// default settings. fis3 release
fis
  .media('dev')
  //添加基本属性 useHash
  .match('**', {
    useHash: false
  });


// fis3 release production
fis
  .media('production')
  //添加插件属性 optimizer
  .match('*.js', {
    optimizer: fis.plugin('uglify-js') // 用 fis-optimizer-uglify-js 压缩 js
  })

  .match('*.{css,scss}', {
    optimizer: fis.plugin('clean-css') // 用 fis-optimizer-clean-css 压缩 css
  })

  .match('*.png', {
    optimizer: fis.plugin('png-compressor') // 用 fis-optimizer-png-compressor 压缩 png 图片
  });

其他例子

https://github.com/fex-team/fis3-demo

常用插件

###优化类（插件属性：optimizer）

• fis-optimizer-uglify-js UglifyJS2 压缩插件
• fis-optimizer-clean-css CleanCss 压缩插件
• fis-optimizer-png-compressor PNG 压缩插件

###预处理类（插件属性：parser）

• fis-parser-less less 解析插件
• fis-parser-sass sass / scss 解析插件
• fis-parser-handlebars handlebars 解析插件