rmcnaughGitHub / BootStrap-Simple

Simple BootStrap Setup Using Gulp TaskManager

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BootStrap-Simple

Simple BootStrap Setup Using Gulp TaskManager


https://css-tricks.com/gulp-for-beginners/
//Browsersych -https://www.browsersync.io/docs/gulp/

//How to use Gulp to generate CSS from Sass/scss -- http://www.codingpedia.org/ama/how-to-use-gulp-to-generate-css-from-sass-scss/
https://www.snip2code.com/Snippet/42148/GulpJS---SASS---BrowserSync-ftw

YOU may want to upgrade node verison before installing gulp: https://davidwalsh.name/upgrade-nodejs
sudo npm cache clean -f
sudo npm install -g n
sudo n stable

Installing Gulp: https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md
npm install --global gulp-cli
npm init


Main Modules Used. You can install all with the following line: npm install --save-dev gulp-util gulp-sass gulp-rename gulp-autoprefixer gulp-util gulp-clean-css gulp-rename del gulp-uglify gulp-concat jshint gulp-jshint gulp-wrapper gulp-sourcemaps jshint-stylish gulp-plumber gulp-cache gulp-imagemin imagemin-pngquant run-sequence browser-sync pump gulp-zip gulp-notify gulp.spritesmith gulp-inline-source gulp-replace

Uglify: - npm install --save-dev gulp-uglify
PUMP: - npm install pump
JShint: npm install jshint gulp-jshint --save-dev
Jshint - Stylish: npm install jshint-stylish --save-dev
Plumber - Prevent pipe breaking caused by errors from gulp plugins: npm install --save-dev gulp-plumber
Cache: npm install gulp-cache --save-dev
Imagemin: npm install --save-dev gulp-imagemin
pngquant imagemin - Returns a promise for a buffer: npm install --save imagemin-pngquant
Clean Task: npm install del --save-dev
Optional This is a Hack Run Sequence: npm install run-sequence --save-dev
Gulp Zip: npm install --save-dev gulp-zip
Browser Synch: npm install -g browser-sync
Gulp Notify: npm install --save-dev gulp-notify
Sprite Management: npm install --save-dev gulp.spritesmith
Merge File: npm install --save-dev merge-stream
Minify Css: npm install gulp-clean-css --save-dev
Inline Source for JS: npm install gulp-inline-source --save-dev
*Note html file must have "inline" tag: example <script src="../js/inlineScript.js" inline></script>
Replace String Names: npm install --save-dev gulp-replace

Note: In the gulfile.js gulp tasks in the the "Array" run first!!!! However they all run simultaneously!!!!
'gulp' to run server and watch
'gulp build' to build files in 'dist' folder

About

Simple BootStrap Setup Using Gulp TaskManager


Languages

Language:HTML 42.1%Language:JavaScript 36.4%Language:CSS 21.6%