Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zivyangll/jquery-gulp-webpack-karma-seed

适合发开单页面应用
https://github.com/zivyangll/jquery-gulp-webpack-karma-seed

Last synced: 30 days ago
JSON representation

适合发开单页面应用

Awesome Lists containing this project

README

        

jquery-gulp-webpack-karma
=========================================

该项目为编写jquery应用的种子工程,其中包括

- 模块化工具: webpack
- 流程自动化: gulp
- 自动化测试: karma & jasmine
- 文档生成: jsdoc
- 代码格式检查:jshint & htmlPrettify (sublime插件)
- 支持es6: babel
- 支持scss: gulp-sass
- 支持md5: gulp-rev & rev-del & gulp-rev-collector
- 支持压缩: gulp-htmlmin & Uglify
- 支持自动刷新: livereload
- 支持css前缀: gulp-autoprefixer
- 支持sourcemaps:gulp-sourcemaps
- 静态文件服务器:gulp-webserver
- 已全局引入jquery

让应用跑起来
-------------------------
安装:npm install 安装依赖包

运行:npm start 自动打开浏览器

测试:npm test 测试结果在test/index.html中

文档:gulp doc 文档在/doc/index.html中

项目目录说明
-------------------------
-- dist 项目打包目录
> -- srcipts:打包后的js以及sourcemap文件

-- styles:打包后的css以及sourcemap文件

-- images:压缩后的图片

-- index.html: 压缩后的html

-- doc 项目文档目录
> -- index.html 文档主页

-- node_modules 引用包

-- src 项目源码
> -- srcipts:js源码

-- styles:scss源码

-- images:图片

-- index.html: 主页

-- test 项目测试
> -- coverage 覆盖率检测,结果在./coverage/**/index.html中

-- index.html 测试结果

-- *.js 测试代码

License
-------------------------
[MIT]

杨龙龙 ziv
-------------------------
- [Github]
- [home]
- [Email]

[MIT]: http://markdalgleish.mit-license.org
[Github]: https://github.com/yllziv
[home]: http://www.yanglonglong.com
[Email]: [email protected]