Timber

A barebones web app starter / boilerplate built using PostCSS & Webpack2.

Timber is a variation of what I personally use as web app starter. It's certaintly a WIP, and I've intentionally tried building it with minimal bloat and small in scope.

My objective is for Timber to be flexible, easily customized and extended on a per project basis.

Features

• Uses Webpack 2
• ES2015
• Hot Module Reloading with BrowserSync & Webpack Dev Server
• Stylelint
• PostCSS (minimal plugins - targeting consistency with CSS4)
  • autoprefixer
  • cssano
  • postcss-cli
  • postcss-color-function
  • postcss-comment
  • postcss-custom-properties
  • postcss-import
  • postcss-media-variables
  • postcss-nested
  • postcss-mixins
• Autoprefixer
• Minification
• Source Mapping

Get Started

Clone the repository

git clone https://github.com/wad3g/timber.git
cd app

Install the dependencies with yarn or npm.

yarn install

or

npm i

Start watching files for compilation.

npm start

TO DO

• Add color maps using postcss-color-function
• Fix PostCSS Media Variables
• Add theming capabilities
• Re-Add imagemin-cli
• Clean up styles/PostCSS and reduce duplication and redundency
• Create better generic, base styles
• Continue to reduce bloat
• Many others I can't think of right now