fis-zoo/README.md

A front-end module solution with modjs based on fis

#fis-zoo
基于FIS的前端模块化解决方案，根据自己团队的需求，优化改造了一些功能。  

![version](https://img.shields.io/npm/v/fis-zoo.svg?style=flat-square)

####使用方法：
安装：`npm install fis-zoo -g`  
使用：`fis-zoo release` 或 `zoo release` 参数同FIS

####优化改造列表：
1. 支持release到相对目录，需要如下配置：  
`fis.config.set('roadmap.relative', true);`

2. 默认引入了一些常用的依赖和模块配置  
引入的依赖和模块配置可在入口文件index.js中看到

3. 之前老版本的fis没有对模块中的css做特殊的处理，采用的方案是如果这个模块被引用了，那么会给所有的页面默认注入这个模块的css文件（如果有的话）。  
我们将之优化为只有引入这个模块的页面才注入该模块的css文件。（依然没有兼容异步模式，只要引入，不管同步异步，都会提前注入这个模块的css文件）

4. 做了node4.0版本的兼容

5. 修复了动态模块编译时候的warn  
如：`[NOTIC] can't find async resource ['ace/mode/'+opt.language]`

6. 做了适合自己团队使用的zoo-install  
在项目根目录创建zoo.json，执行`zoo install`，即可生成基础的fis-conf.js并安装zoo.json中声明依赖的模块
如：  
```
	//zoo.json，具体使用时请去掉注释，否则会json解析报错
	{
		"name": "example",//项目名称
		"downloadDirName": "modules",//模块安装目录
		"components": ["Zepto", "mo", "mod", "preload", "scrollPageCube"]//项目依赖的模块
	}
```

7. `v2.3.0`新增了css的autoprefixer  
8. `v2.4.1`新增了babel，默认支持`es2015`的编译，需要做如下配置：
```javascript
    roadmap: {
        path: [
            {
                reg: /^\/modules\/([^\/]+)\/(?:[^\/]+)\.js$/i,
                isMod: true,
                id: '$1',
                //开启下面这条配置
                isES6: true
            }
        ]
    }
```

####文档说明

- 支持其他拓展名的模板直接渲染，如 `.phtml`  
首先执行`zoo server start`  
然后执行`zoo server open`  
打开目录后，找到`www/node_modules/express/node_modules/send/node_modules/mime/types/mime.types`文件  
搜索`text/html`，找到`text/html html htm`在`htm`之后添加`phtml`  
然后执行`zoo server stop && zoo server start`即可(后期会融合到zoo install中)


####todo

1.  __inline引入html模板的时候，不支持传入自定义数据。