https://github.com/zombiqwerty/angular-webpack-starter
An Angular Webpack Starter kit featuring Angular 1.x (ui-router, Tests, E2E, Dev/Prod), Karma, Protractor, Jasmine, Babel, Postcss, Jade, livereload and Webpack by @zombiQWERTY
https://github.com/zombiqwerty/angular-webpack-starter
Last synced: about 1 year ago
JSON representation
An Angular Webpack Starter kit featuring Angular 1.x (ui-router, Tests, E2E, Dev/Prod), Karma, Protractor, Jasmine, Babel, Postcss, Jade, livereload and Webpack by @zombiQWERTY
- Host: GitHub
- URL: https://github.com/zombiqwerty/angular-webpack-starter
- Owner: zombiQWERTY
- License: mit
- Created: 2016-01-27T19:44:32.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-05-03T19:38:47.000Z (about 10 years ago)
- Last Synced: 2025-04-04T17:02:14.835Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://github.com/zombiQWERTY/angular-webpack-starter
- Size: 62.5 KB
- Stars: 25
- Watchers: 0
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG
- License: LICENSE
Awesome Lists containing this project
README
# PACKAGE IS DEPRECATED. USE [COMPONENT-WAY-STARTER-KIT](https://github.com/zombiQWERTY/angular-component-way-webpack-starter-kit)
# An Angular Webpack Starter kit
[](https://david-dm.org/zombiQWERTY/angular-webpack-starter#info=dependencies) [](https://david-dm.org/zombiQWERTY/angular-webpack-starter#info=devDependencies)
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
### Installing
> Clone/Download the repo then edit `Application.js` inside [`/src/Application.js`](/src/Application.js)
```bash
# 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
# install selenium-webdriver (for e2e testing)
$ npm run selenium-install
# start the server
$ npm start
```
go to [http://localhost:8080](http://localhost:8080) in your browser.
# Table of Contents
* [Getting Started](#getting-started)
* [Installing](#installing)
* [Dependencies](#dependencies)
* [Running the app](#running-the-app)
* [Developing](#developing)
* [Testing](#testing)
* [Other](#other)
* [License](#license)
# Getting Started
## Dependencies
What you need to run this app:
* `node` and `npm` (Use [NVM](https://github.com/creationix/nvm))
* Ensure you're running Node (`v4.1.x`+) and NPM (`2.14.x`+)
## Running the app
After you have installed all dependencies you can now run the app with:
```bash
npm start
```
It 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 run test`
* live mode (TDD style): `npm run test-watch`
#### 2. End to End Tests
* run `npm run selenium-start` and then:
* single run: `npm run e2e` or
* live mode (TDD style): `npm run e2e-watch`
## Other
* `npm run stats` for code analysing ([webpack.github.io/analyse](https://webpack.github.io/analyse/))
* Store your assets (images, etc.) that loads from html/jade in [assets folder](./src/assets/) folder
# License
[MIT](/LICENSE)