/gulp-webpack-starter

Gulp Webpack Starter - fast static website builder, based on Gulp tasks and Webpack bundling

Primary LanguageCSSMIT LicenseMIT

Build Status Gitter

Gulp Webpack Starter - really simple and cool toolkit for building static HTML templates using Gulp task runner and Webpack bundler. This is professional Front End workflow, which help you increase your development speed & quality.

Gulp Webpack Starter

Features

Features Description
CSS SASS, SMACSS, Autoprefixer, clean-css
JS Webpack 2, Babel
Testing Jest
Live Reload BrowserSync, Webpack Dev Middleware, Webpack Hot Middleware
HTML gulp-file-include
Images gulp-imagemin
SVG sprite gulp-svg-sprite
Deployment vinyl-ftp

Usage

Make sure that Node.js & npm installed. Install yarn > npm i yarn -g. cd <catalog_you_want> in your terminal and then:

git clone https://github.com/wwwebman/gulp-webpack-starter <my-project-name>
cd <my-project-name>
yarn install
yarn dev

Yarn ??? Yes, I recommend you to use yarn for fast dependencies installs, but npm install works just as well.

All aliases

yarn <script> or npm run <script> Description
dev Serves your App at localhost:3000. Run Browser sync and HMR.
production Compiles your App for production.
deploy Push production version on remote server.

Clean

rm -rf .git
git init
git commit -m "init"
  • Remove HTML and start you own project.
  • Remove unused SCSS & init JS

Config

Your can make some modification in ./config.json file (e.g. ftp configuration)

Author - webman.pro