SSP » Simple Starter Pack

Simple HTML5 + (S)CSS + JS starter pack (boilerplate) with pre-configured usefull tools & libraries:

• Live reload & sync (using Browsersync)
• SCSS compile with autoprefixer, sourcemaps and minification
• JS compile (using Babel) with sourcemaps and minification
• JPG / PNG / GIF images optimization (with imagemin)
• SVG optimization (with SVGO)
• Predefined tasks for VSCode editor
• Included Sass libraries:
  • normalize.css - A modern, HTML5-ready alternative to CSS resets
  • include-media - Simple, elegant and maintainable media queries in Sass
  • mdcolorize - Simple Sass (SCSS) function for fast usage material design colors
• Configured packages:
  • JSDOM for Quokka.js tool

Installation & Usage

• npm: npm install simple-starter-pack
• yarn: yarn add simple-starter-pack

or

git clone https://github.com/PixelT/SimpleStarterPack.git path/to/your/project
cd path/to/your/project
yarn install

Additional information

It's possible to pass to Browsersync custom settings, by adding additional arguments into gulp dev task:

• --proxy="your_proxy_address" - custom proxy URL address (default is <your_folder_name>.test)
• --port="your_port" - custom port (default is 3000)

Gulp tasks

• gulp or gulp build - it compiles & minifies SCSS and JS, sourcemaps are disabled.
• gulp dev - it runs Browsersync with sourcemaps enabled.