wesleyzajicek.com

Jekyll + Webpack + Babel + Gulp + Sass + Autoprefixer + imagemin + BrowserSync + ...



Requirements

  • Jekyll & Bundler:
$ gem install jekyll
$ gem install bundler
$ npm install --global gulp-cli # mac users may need sudo


Installation

git clone git@github.com:wdzajicek/wesleyzajicek.git
cd wesleyzajicek
npm i && bundle i


Development

$ npm run dev

# This alias in your dotfiles is convenient:
alias npm-d="npm run dev"

Dev builds run quicker on your machine. They make un-minified CSS, JS, & images.

Dev builds also create a sourcemap in the stylesheets. This allows tools like Chrome's inspect to display the Sass module a particular style is located in.



Production

Only production builds should be pushed to the GitHub repo.

$ npm run production

# Another convenient alias:
alias npm-p="npm run production"

Production build minifies CSS and JavaScript and compresses image files.