Giter Club home page Giter Club logo

fis3's Introduction

FIS3

Build Status Coverage Status

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

// Global start
fis.match('*.{js,css}', {
  useHash: true
});

fis.match('::image', {
  useHash: true
});

fis.match('*.js', {
  optimizer: fis.plugin('uglify-js') // js 压缩
});

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

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

// Global end

// default media is `dev`
fis.media('dev')
  .match('*', {
    useHash: false,
    optimizer: null
  });

// extends GLOBAL config
fis.media('production');

其他例子

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

常用插件

###优化类(插件属性:optimizer)

###预处理类(插件属性:parser)

fis3's People

Contributors

2betop avatar 90arther avatar acmookey avatar atian25 avatar biluochun avatar butsalt avatar dd1994 avatar dsonet avatar g8up avatar gerhut avatar gnauhca avatar hanai avatar hefangshi avatar jincdream avatar loyalsoldier avatar luoxinfang avatar mrluobo avatar naixor avatar nwind avatar oxund avatar shenqihui avatar suweiteng avatar wbpmrck avatar worry127722 avatar xubeijun avatar zdy350 avatar zhangjunah avatar zhangtao07 avatar zjdesj avatar zzmmzz777 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.