boilsth v1.0.0
BoilSth
Boilerplate for quick building websites.
Based with less and gulp
Usage
bower install
sudo npm install
sudo npm install -g gulp
set the project name inside your gulpfile.js
var projectName = "sampleapp";
where sampleapp is your project name. It results in names of dist files which will be:
**sampleapp.min.css, sampleapp.min.js, sampleapp-lib.min.js**
_src is the folder where you put your source data _dist is the folder where gulp puts output and you should link there
Gulp
gulp watch
watches for changes in whole _src folder
gulp less
builds only less files
gulp js
build only js files
gulp compress-img
runs images compressor for the files inside _src/img/ and puts output to _dist/img.
gulp lib
builds your JavaScript library based on array in gulpfile.js
gulp.task('lib', function () {
return gulp.src([
'YOUR ARRAY HERE',
'SECOND ELEMENT'
])
files loads one by one (as the array goes, so if library A is based on lib B and needs B to be preloaded before loading A. Simply put Library A as first in array. Each lib element should be pre minified if you want them to be minified in your lib file This script just concatenates lib files.
More data about less mixins
9 years ago