gulp-gold :wrench:, npm link

custom Gulp pack

• TL;DR
• Installing
• Usage
  • npm scripts
  • gulp tasks
• Optional
• MIT License

TL;DR

Used latest tools: Gulp, Babel, Webpack, PostCSS, Prettier

• Styles - stylelint -> postCSS(postcss-import, postcss-url, postcss-preset-env(autoprefixed&cssnext), cssnano)
• Scripts - eslint -> webpack(babel-preset-env) -> prettier
• Images - imagemin
• Browsersync
• Errors output improved by plumber
• I hope You will enjoy it :)

Installing

• You must have NodeJS (includes NPM) installed

npm install --legacy-peer-deps

"--legacy-peer-deps" is required because of Stylelint, it'll be resolved later

This project uses Gulp v.4 so we should have gulp-cli or npx (goes with NPM v5.3.0+) installed globally to use npm scripts using local Gulp:

npm install -g gulp-cli

Usage

npm scripts

• npm run build just build with NODE_ENV=production
• npm run dev or npm start serving from src
• npm run prod serving from dist
• npm run lint
• npm run format

gulp tasks

requires gulp-cli to be installed globally

• gulp serve clean->lint->build->browsersync->watch in src
• gulp clean->lint->build
• gulp lintStyles
• gulp lintScripts
• other tasks you can find in the gulpfile

Optional

• normalize.css
• sanitize.css
  • Marx, on top of sanitize.css
• Cleanslate
• Typeset.css
• CSS Mini Reset

MIT License