Componentsfis3-act

for front end act projects with module

下载最新

  $ lights install fis3-act
一共下载 13 次
版本0.0.3
发布时间2015-11-02 21:15:43
关键词fis3,    act,    
维护者
代码库http://git.ucweb.local/
下载此版本
  $ lights install fis3-act@0.0.3
授权MIT

README.md

一、使用

    安装fis3:npm install -g fis3
    安装lights: npm install -g lights
    初始化目录:lights install fis3-act

    依赖:
    npm install -g fis3-hook-cmd //seajs 模块方案
    npm install -g fis3-postpackager-loader //打包插件
    npm install -g fis-optimizer-uglify-js //压缩js
    npm install -g fis-optimizer-clean-css  //压缩css

    命令:
    fis3 server start                         ->启动服务
    fis3 server open                        ->打开服务目录
    fis3 server clean                       ->删除服务目录下内容
    fis3 release                               ->源代码直接访问
    fis3 release dev  -wL               ->开发时
    fis3 release ok  -wL                 ->合并,临上线状态,未配静态资源地址
    fis3 release online -d ./output       ->编译产出

二、推荐

    1、?__inline内联css;js视体积大小和运营情况而定;
    2、采用fis3 release online -d ./output 编译产出上线代码,记得提前上传好压缩图片,并于fis-conf修改静态资源路径;

三、目录规范约定示例:

    public
        |
        |--css
            |
            |--common.css                  ->公共样式
            |--index.css                        ->首页样式
            |--reward.css                      ->兑奖页样式
        |--images
        |--js
            |
            |--cmp                                ->第三方组件
            |--index                              ->首页业务(例)
                |
                |--page                           ->逻辑页面(文件夹)
                |--main.js                        ->首页业务入口
            |--reward                            ->兑奖业务(例)
            |--seajs
            |--utils                                ->基础支撑
            |--widget                            ->公用业务功能
        |--views
            |
            |--index.html                      ->首页
            |--reward.html                    ->兑奖页

四、意义:

    1.可从个人熟练度,偏好等方面增加方案选型;
    2.希望通过项目实战,对比不同构建工具使用优劣,对个人起码增加技术广度;
    3.实战强化掌握fis开发,间接进一步理解 大导航组 scrat开发部分特性;

五、兼顾 活动组 框架部分考量:

    1.开发目录保持一致,不怕前端构建工具突然变更;
    2.采用seajs模块化方案,友好享用活动组相关组件;

六、面对实际使用需求,不完美的点:

    1.不支持同时启动多个fis里的server2.逻辑路由暂不支持活动组page组件,需采用observer组件,从大小上,目前observer比page体积小。

注:此次版本主要实现目前活动开发体验在fis3方案上的实现

    1.less/sass目前团队几乎无使用需求,此功能暂缓;
    2.图片压缩之前对比过貌似没有在线压缩好,所以暂缓接入;