Moz

关于 Moz

Moz 集成了前端开发中调试，构建，部署，编译等一系列开发流程，帮助开发者提高开发效率；

使用指北

安装

Moz 依赖于 Node，需先安装 Node.js（建议使用LTS版本，目前最新版本为4.4.5），然后通过npm安装 Moz。

npm install moz -g

初始化

moz init

在项目文件夹使用 moz 初始化项目，初始化完成之后将会生成 moz 项目的目录结构以及配置文件 moz.config.js。

初始化目录结构

.
├── app                 // 开发文件文件夹
│   ├── css             // 样式文件 *.less *.css
│   │   ├── partials
│   │   └── vendor
│   ├── js              // 脚本文件夹
│   │   └── vendor
│   ├── fonts           // 字体文件夹
│   ├── images          // 图片文件夹
│   ├── media           // 媒体文件夹
│   ├── template        // 模版文件夹
│   └── index.html
└── moz.config.js       // Moz 配置文件

初始化配置文件

module.exports = {
    name: 'Moz',
    serve: {
        port: 8080, // 调试服务端口
        open: '/', // 默认打开路径
        index: 'index.html' // 默认索引文件
    },
    build: {
        hash: true, // 是否使用 hash 缓存
        compress: {
            css: true, // 是否启用 CSS 文件压缩
            js: true // 是否启用 JS 文件压缩
        }
    },
    ftp: {
        host: '', // FTP 服务器
        user: '', // FTP 账号
        pass: '', // FTP 密码（允许为空，为空则在运行时提示输入密码）
        path: '/' // FTP 上传路径
    }
}

提示: ftp.pass 属性允许留空，在执行 deploy 任务时将提示输入密码 :P

本地调试

moz serve

运行后将会在项目文件夹启动一个 browser-sync 的静态文件服务器，实时编译 less 和 swig模版并自动刷新。

编译静态文件

moz build

运行后会将可以发布的静态文件编译并拷贝到 ./dist 文件夹内，如果开启了 rev 则会对静态资源文件加 hash 防止缓存。

发布静态文件

moz deploy

运行后会将 ./dist 目录中的所有文件通过 FTP 上传到 config.ftpPath 指定的路径上。

打包静态文件

moz pack // moz_1510291305.zip

moz pack -v 1.0.1 // moz_1.0.1.zip

运行后会将 ./dist 目录中的所有文件压缩成 zip 文件到 ./package 中，方便存档备份。

zip 文件的命名方式默认以 config.name_版本号.zip 命名，-v 参数可以指定版本号，不指定版本号则以当前时间作为版本号。