#Webpackular A webpack-angular boilerplate that supports multiple environments and languages with bootstrap sass and compass integrated.

#Why this boilerplate ? This boilerplate is prepared for you with the most common development tools like

• jQuery
• Sass and Compass
• Bootstrap
• ngConstant
• Angular Translate

#Getting Started

• run npm install -g webpack gulp karma-cli karma
• Fork the repository and run npm install.
• run gulp --env development or gulp --env production. where the env variable is managed by ngConstant

#Generating New Components To generate a new component run gulp component --name *** --parent ***.
Where --name is the components name, and --parent is the (optional) parent directory.
Examples:

• gulp component --name dashboard -> This will create a new component at client/app/components/dashboard
• gulp component --name sidebar --parent ../common -> this will create a new component at client/app/common/sidebar

#Stylesheets You can import all your stylesheet resources and assets in ./client/app/resources/stylesheets/base.scss and it will be globally available without having to import it manually in all your scss files.

#NPM Scripts

• npm start : runs the development environment
• npm run prod : runs the production environment
• npm run build:dev: deploys development environment to ./build/development
• npm run build:prod: deploys production environment to ./build/production