taxi-driver fe workflow

Done:

• css压缩,js压缩,路径替换以及打版本号(可选择文件夹或者单/多选文件)
• image压缩和移位
• 静态资源伺服服务器,PC和moblie同时预览(开发阶段使用相对路径)
• html文件的路径替换
• log
• SFTP上传文件
• less编译

Todo:

• sass编译
• 添加autoprefixer等postcss插件
• 生成服务器配置文件
• 读取工作路径, 避免页面刷新及重启工作路径的丢失

文件目录结构

    |-----js
    |-----css
    |-----images
    |-----pages
    |-----src   (源路径)
    |   |----js
    |   |----css
    |   |----images
    |   |----pages
    |   |   |----a-file
    |   |         |----a.html (css/js/images文件目录结构和此对应)
    |   |   |-----b-flie
    |   |         |-----b.html
    |   |----rev(存放了所有文件的md5值)

install

     git clone  
     npm install
     npm install electron-prebuilt -g
     electron .

Howto

1. 点击页面添加按钮添加文件， 可以选择文件夹或者具体某一个文件;
2. 点击压缩按钮，app将会完成css或js或images的压缩,生成manifest.json文件，以及输出到目标文件夹，压缩完毕后弹窗提示. gulp-imageMin的压缩效果不理想，可以使用tingpng提供的API进行压缩;
3. 点击MD5按钮，弹窗显示需要替换的源路径和目标路径，输入路径后点击确定按钮， app将会完成manifest.json替换html相对于静态文件的路径，压缩完毕后弹窗提示;
4. 点击开发按钮, 利用browser-sync启动本地服务器。 默认设置服务器根目录是src/,如果要调试具体页面,则输入相对于的html文件的路径,静态资料使用相对路径.

Tips

• 如果要打包成一个app，安装依赖的时候请通过npm来安装锁定版本号的modules，不要通过cnpm安装
• CMD + R可进行对app进行刷新

---