Angular Webpack Example
This is sort of a shrine to what was cutting edge front-end in 2014. Simple template with webpack (run from gulp) that supports angular (from bower), with some common settings.
Overview
The combination of Webpack, Angular, Bower, and Gulp creates a robust foundation for any web development project. This minimal boilerplate template is designed for developers looking for a simple yet powerful setup, allowing them to easily manage their application's structure and dependencies. By keeping it bare-bones, it offers flexibility for customization, making it suitable for various projects while providing essential functionalities.
With this template, users can leverage powerful features like CoffeeScript for programming, and the integration of Bower for front-end package management. Its streamlined configuration makes it an excellent starting point for those aiming to build componentized Angular applications quickly.
Features
- Webpack Configuration: The template includes a preset Webpack configuration with the Bower path included, simplifying module management.
- Angular Support: Designed specifically for Angular applications while utilizing Bower to manage dependencies effectively.
- CoffeeScript Compatibility: By default, it uses CoffeeScript, but the configuration allows for easy adjustments to accommodate plain JavaScript.
- Karma Integration: Utilizing Karma for testing, it automatically searches for
.spec.coffeefiles, making testing straightforward and efficient. - Optional Live Reloading: Enhances development experience with Facebook Flo, allowing for live reloading in the browser as changes are made.
- SASS Loader: Includes a SASS loader for those who prefer to write stylesheets in SASS, promoting better styling organization.
- Componentized Structure: Adopts a componentized approach to Angular, facilitating the creation of isolated modules that can be reused across the application.