Generator allows you to easily manage dependencies and compile and minimize all CSS and Javascript files. The generator can be easily linked to the Bower components.
All dependencies are kept in a file gulpfile.js, we do not have to worry about loading the vendor files. This improves page load performance by reducing the amount of files loaded css / js.
To install generator-gulp-html5-less from npm, run:
npm install -g generator-gulp-html5-less
Finally, initiate the generator:
yo gulp-html5-less
To run Gulpjs type in terminal:
gulp
- Bootstrap
- jQuery
Install your library with bower Example: bower install angularjs
Then you can add path to gulp.js
var bower_path = {
css: [
"public/css/vendor/**/*.less",
],
js: [
"public/js/vendor/**/*.less",
"bower_components/angular/angular.min.js",
]
};
app/css/src
app/css/vendor
app/fonts
app/icons
app/images
app/js/src
app/js/vendor
app/index.html
.gitignore
bower.json
gulpfile.js
package.json
MIT