moz v0.2.1
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 参数可以指定版本号,不指定版本号则以当前时间作为版本号。
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago