rodrigotxt / gulp-boilerplate

Gulp Boilerplate with Browser-sync, Browserify, Babel & SASS :cocktail:

⚡ Gulp Boilerplate

Instructions for the boilerplate

• Clone the repository.

• Use this command to install all dependencies for the project:

# Uses package.json "devDependencies" to install dependencies
npm install

• Start gulp by running:

npm start

• Write code in the src-folder.

Folder structure

• dist - The converted files that are linked via index.html. You don't have to touch these files
  • js - All converted js-files go here
  • css - All converted css-files go here
• src - This is where your development-files are. There are the ones you work on
  • js - All unconverted js-files
  • scss - All unconverted scss-files
• Gulpfile.js - This config file must be in the root-folder
• index.html - The index must be in the root-folder
• package.json - All the dependencies and config for the project

Dependencies used in this boilerplate

• gulp
• gulp-sass
• gulp-rename
• browser-sync
• gulp-postcss
• autoprefixer
• gulp-babel
• babel-preset-env
• browserify
• babelify
• gulp-util
• vinyl-source-stream