angular-webpack-starter-kit v5.2.1
An Angular Webpack Starter kit
A complete, yet simple, starter for Angular using Webpack.
This workflow serves as a starting point for building Angular 1.x applications using Webpack. Should be noted that apart from the pre-installed angular package, this workflow is pretty much generic.
- Heavily commented webpack configuration with reasonable defaults.
- ES6, and ES7 support with babel.
- Source maps included in all builds.
- Development server with live reload.
- Production builds with cache busting.
- PostCSS and jade support by default.
- Testing environment using karma to run tests and jasmine as the framework; protractor to End to End tests.
- Code coverage when tests are run.
- No gulp and no grunt, just npm scripts.
Warning: Make sure you're using the latest version of Node.js and NPM
Quick start
Clone/Download the repo then edit
Application.jsinside/src/Application.js
# clone our repo
$ git clone https://github.com/zombiQWERTY/angular-webpack-starter.git my-app
# change directory to your app
$ cd my-app
# install the dependencies with npm
$ npm install
# start the server
$ npm startgo to http://localhost:8080 in your browser.
Table of Contents
Getting Started
Dependencies
What you need to run this app:
nodeandnpm(Use NVM)- Ensure you're running Node (
v4.1.x+) and NPM (2.14.x+)
Installing
Either
forkthis repocloneyour fork
Or just
npm install angular-webpack-starter-kitfor completely installation
And then
npm installto install all dependencies
For End to End live testing:
npm install selenium-standalone@latest -gselenium-standalone install
Running the app
After you have installed all dependencies you can now run the app with:
npm startIt will start a local server using webpack-dev-server which will watch, build (in-memory), and reload for you. The port will be displayed to you as http://localhost:8080.
Developing
Build files
- single run:
npm run build
Testing
1. Unit Tests
- single run:
npm test - live mode (TDD style):
npm run test-watch
2. End to End Tests
- single run:
npm e2e - live mode (TDD style):
npm run e2e-watch
Other
npm statsfor code analysing (webpack.github.io/analyse)- Store your content (images, etc.) that loads from html/jade in public folder folder