mtb-app generator for Yeoman generators
- Install:
npm install -g generator-mtb-app
- Run:
yo mtb-app
Scaffolds out a complete project directory structure for you:
<repo>
├── <build> : 打包之后的待发布文件
├── <demo> : 视觉还原页、代码示例、用法展示等。合并类似用法: <samples>
├─┬ <src> : 项目产生的文件。合并类似用法:assets
│ ├─┬ <css> : CSS文件,包括Less/Sass也可以放在这里,并结合.gitignore和Grunt watch/Gulp watch使用
| | └── *.css
│ ├─┬ <js> : CSS文件,包括Coffee也可以放在这里,并结合.gitignore和Grunt watch/Gulp watch使用
| | └── *.js
│ ├─┬ <images> : 图片文件
| | └── *.jpg, *.png, ...
│ └── *.html : HTML 文件
├── <test> : 测试用例,lib库推荐使用
├──!<tmp> : 存放各种没有合适存放位置的临时文件。合并类似用法: <dist>
├──!<node_modules> : npm包,不随git提交
├──!<bower_components> : bower包,不随git提交
├── .gitignore : 待确定一个规范化的范围
├── bower.json : 前端静态资源包依赖
├── Gruntfile.js/Gulpfile.js : 自动化打包/编译/监视工具
├── package.json : node包依赖
└── README.md : 项目信息简介,格式待敲定
$ npm install -g yo
$ npm install -g generator-mtb-app
$ yo mtb-app
接下来,就可以启动grunt进行愉快的编码了。
项目初始化的时候会让您选择流式构建工具采用grunt
或者是 gulp
。
如果您选择的是grunt
$ grunt
grunt 默认会启动 watch
模式,less/
文件下的less文件会自动编译到build/css/
文件下,js/
文件夹下的js会自动压缩至build/js/
目录下。
$ grunt build
grunt build
会自动将 带有 data-htmlone
属性并引用本地文件的 <link>
和 <script>
标签自动替换为 css 和js的内容。Combo到html一起。在dest/
目录下。详见项目 amfe/or.htmlone
如果您选择的是gulp
$ gulp
默认执行default
task, 会自动编译less
,scss
,压缩css
,js
,并启动watch
模式
- 0.1.8
- 修复gulpfile中rename 生成
.debug
后缀的的使用方式 - 根据less和sass的选择定制gulpfile, 去掉冗余的gulp plugin 引入
- html模板 的 flexible.js 和 flexible.css 动态的从 gitlab lib.flexible 项目中master上拉取,保证最新
- 根据需求加入
clean
和concat
的默认task
- 修复gulpfile中rename 生成
- 0.1.9
- 去掉默认自动调用 npm install, 容易丢包,此版本之后的版本都将不自动 npm install,用户手动安装本地npm 依赖
- 0.2.0
- 所有package.json 依赖都改成
^
依赖大版本号下最新
- 所有package.json 依赖都改成
- 0.2.1
- 修复模板文件index.html 拼装失败(权限不够)问题
- 0.2.2
- fix
gulp-ruby-sass
& gulp task index
- fix