Yeoman generator for landing project powered by Gulp.
Make sure you have yeoman
, bower
and gulp
installed:
$ npm install -g yo bower gulp
Install the generator:
$ npm install -g generator-yeomify-landing
Then, create a folder for the generator and unfold it:
$ yo yeomify-landing
During installation you can install pug as template engine and less, sass or stylus as css preprocessor.
Then, run npm install
and bower install
to install the required dependencies.
After installation you'll have the following directory structure:
├── app
│ ├── css
│ ├── pug
│ ├── scripts
│ └── index.html
├── gulp
│ ├── build.js
│ ├── config.js
│ └── watch.js
├── bower.json
├── gulpfile.js
├── package.json
└── readme.md
Use the following commands for development:
gulp watch
run a watcher for the app
folder;gulp build
build the project to dist
folder;gulp build --abspaths
build the project to dist
folder with the absolute paths (css and js files);gulp build:watch
run a watcher for the dist
folder;gulp build:clean
remove dist
and .tmp
folders.Also, you can change the gulp options in config.js
file.
Each template engine and preprocessor uses a linter. The documentation for linters rules: pug, css, less, sass and stylus. Javascript uses jshint and supports ECMAScript 6 syntax. By default, this functionality is disabled, but you can enable it by changing the es6syntax
flag into your config.js
file.
require-dir
package.babeljs
support, updated javascript linter.copyfiles
parameter in config.js
).gulp-minify-html
to gulp-htmlmin
, fixed reset files.onLast
parameter for gulp-notify
config, updated jslinter
config.jade
plugin to pug
, added pug
linter, updated body
styles.jade
file, optimized watch
task.less
, sass
and stylus
linters, updated styles files structure, updated bower dependencies.css
to csstype
, renamed folder from styles
to css
, updated names of tasks.app
folder after run the build
task, added default font file for css.gulp-ruby-sass
to gulp-sass
..idea
folder to .gitignore
.stylus
preprocessor, added --abspaths
parameter to build
task, updated less structure folder.inject
task, update gulp-minify-html
config.watch
tasks, added pictures
folder to config..gitignore
.MIT © Ilya Fedotov