Ui Sass Webpack

Setup

npm install

npm start and visit http://localhost:8080 in the browser.

Directory Structure

(truncated, only showing one component in src, for the sake of simplicity)

├── docs
│   ├── Styleguide
│   │   ├── Styleguide.jade
│   │   ├── Styleguide.jsx
│   │   ├── Styleguide.scss
│   ├── entry.js
│   ├── index.html
├── node_modules
├── public
├── src
│   ├── components
│   │   ├── Header
│   │   │   ├── Header.jade
│   │   │   ├── Header.jsx
│   │   │   ├── Header.scss
│   │   ├── index.js

• docs/ - Imports all components necessary for the docs into Styleguide.jsx. entry.js is our entry point for webpack. When npm run build is executed, this folder is compiled to serve up our documentation in public in the browser at localhost:8080.
• public/ - Generated by webpack. Compiled and minified docs for reference.
• src/components - Where everything we need to build beautiful websites lives.

Build

npm run build to both delete the public folder and rebuild it.

• Run npm run build:clean to remove public folder
• Run npm run build:all to build public folder