综合金融前端项目结构生成器

使用Yeoman生成器自动生成项目的文件结构，并使用gulp来自动构建项目。

特性

具体可查看gulpfile文件，上面罗列了所支持的自动化功能。

• 使用jshint检查js代码风格和语法
• 使用libsass自动编译Sass代码
• 使用AutoprefixCSS3前缀自动补全
• 使用BrowserSync自动注入样式，监控HTML文件和Sea.js模块代码
• 自动将Sea.js模块转换成Module/Transport格式，提升Sea.js加载模块的效率
• 使用SourceMap建立压缩后的文件和源文件的映射，包括CSS和js
• CSS文件的压缩与版本控制
• 图片文件的压缩、优化与版本控制
• HTML文件的压缩和样式合并与版本控制
• gulpfile文件利用Babel由ES2015写成。

更多关于本生成器的信息请查看package.json文件中的gulp plugins.

如何使用

• 安装工具: npm install --global yo gulp bower
• 安装生成器: npm install --global generator-kingdom
• 在新建的项目目录下执行 yo kingdom 生成项目脚手架
• 执行 bower install --save <package> 安装前端依赖库至 app/vendor目录
• 执行 gulp jshint 检查js语法风格
• 执行 gulp sass-serve 自动编译scss文件并在浏览器窗口自动注入样式
• 执行 gulp module-serve 自动压缩转换seajs模块并刷新浏览器窗口
• 执行 gulp rev 对静态资源进行压缩和版本控制
• 执行 gulp自动生成部署文件，执行chmod 777 app.zip修改文件权限

文档

使用gulp.js实现前端自动化开发

参数

• --skip-install 文件创建完毕后跳过npm和bower的自动安装

License

MIT license