Newlyweds Proposing Marriage
Wondering what’s next for npm?Check out our public roadmap! »

generator-xcake

0.0.5 • Public • Published

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文件。

Keywords

none

Install

npm i generator-xcake

DownloadsWeekly Downloads

0

Version

0.0.5

License

none

Last publish

Collaborators

  • avatar