wdzajicek / wesleyzajicek

wesleyzajicek.com

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

---

Requirements

• Jekyll & Bundler:

$ gem install jekyll
$ gem install bundler

• Nodejs/npm - We use NVM (Node Version Manager): https://github.com/creationix/nvm

  • .nvmrc file in this repo will make NVM use Node v8.9.4 (to avoid compatibility issues)
  • Or, if you must - Use the Nodejs installer: https://nodejs.org/

• Gulp:

$ npm install --global gulp-cli # mac users may need sudo

---

Installation

git clone [e-mail]: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.

---