#FEP（frontend platform）

使用说明

1、下载npm包
npm test_fep install -g (全局安装)
（会自动安装test_fep.cmd文件，可在DOS命令行直接输入命令test_fep）

2、创建本地项目目录结构
fep -project XXXX

3、发布命令
fep -debug  //debug模式
fep -final  //产出模式

目录配置

发布的目录
    1、debug目录:
        ptres.XXX.com/js/XXX2016/debug/css/
        ptres.XXX.com/js/XXX2016/debug/images/
        ptres.XXX.com/js/XXX2016/debug/js/
    2、final目录：
        img1.XXX.com/XXX/css/
        img1.XXX.com/XXX/images/
        ptres.XXX.com/js/XXX/
路径均可在fis-conf.js的opt中修改

var opts = {
    //目录结构模块
    modulesArr: ['index', 'common', 'goods', 'pay', 'role', 'user'],
    //debug发布目录
    outputUrlDebug: "/ptres.XXX.com/js/XXX/debug",
    //js发布目录
    outputUrlJs: "/ptres.XXX.com/js/XXX",
    //css\images发布目录
    outputUrlCss: "/img1.XXX.com/XXX"
};

debug

代码为合并不压缩状态
代码路径为debug

final

代码为合并压缩装态
代码路径为平台目录结构

html注释说明

代码示范
    <!-- @if system='debug' -->
    <link type="text/css" rel="stylesheet" href="../ptres.XXX.com/js/XXX/debug/css/common.css?t=201607061124VER">
    <link type="text/css" rel="stylesheet" href="../ptres.XXX.com/js/XXX/debug/css/index.css?t=201607061124VER">
    <!-- @endif -->
    <!-- @if system='release' -->
    <link type="text/css" rel="stylesheet" href="http://img1.XXX.com/XXX/css/common.css?t=201607061124VER">
    <link type="text/css" rel="stylesheet" href="http://img1.XXX.com/XXX/css/index.css?t=201607061124VER">
    <!-- @endif -->

debug命令模式会保留system='debug'代码片段
final命令模式会保留system='release'代码片段
js\css注释类似（js\css的注释语法）

功能说明

1.模块化开发目录结构
2.雪碧图制作，css引入图片路径后增加"?__sprite"即可，自动合并成一张雪碧图，引用路径自动修改。
（但是雪碧图制作后生成的路径和css同级目录，后期可完善）
3.基于fis3解决方案封装fep命令
4.支持使用sass（或less）作为css编译器，可以任意使用sass编译器支持的语法。
5.发布时自动合并js\css为各模块下的js、css代码。
6.js源码基于amd规范，使用requirejs作为加载器。
7.自动化发布代码到远程服务器，支持http-push上传。
8.代码可区分debug、release状态模式的代码，发布时自动切换。

待改善

sprite图生成为css同级目录
未封装命令
未发布到cnpm