XCake

特性：

• 极简的设计理念;
• 打包快速;
• 开发模式默认支持 SourceMap 生成， 简化调试；
• 开发模式默认Watch，文件修改后，自动编译 less 等脚本；
• css, js 源码调试
• 开发模式支持 liveReload， 修改后无需刷新页面；
• 打包生成 Kissy Map 文件， 充分利用线上Combo， 或服务器Combo（未来可能会支持）;
• 添加 JSHint，代码风格的统一， 提高代码质量

了解 XCake 目录规范

XCake 是基于 KISSY 的目录结构规范，基于 KISSY-Cake 优化改良。

关于规范

安装

$ npm install generator-xcake

初始化

yo xcake
yo xcake:page
yo xcake:component

开发

• 开发模式 grunt dev
• 线上打包 grunt

开发模式

1. FlexCombo
2. 轻量 Watch，watch less 脚本，在当前目录下生成包含 resource map 的 css， 命名 a.less > a.less.css.

线上打包

• less 的编译与压缩一体，而不是先编译成css再压缩。这样可以减少打包步骤。
• KISSY 模块不做文件物理合并，只编译模块，并生成Map文件。