https://github.com/umayr/ng-pack-flow

Angular + ES6 + Webpack workflow.
https://github.com/umayr/ng-pack-flow

Last synced: about 15 hours ago
JSON representation

Angular + ES6 + Webpack workflow.

• Host: GitHub
• URL: https://github.com/umayr/ng-pack-flow
• Owner: umayr
• License: mit
• Created: 2015-09-11T14:34:23.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-13T21:32:05.000Z (about 9 years ago)
• Last Synced: 2023-03-23T02:19:17.559Z (over 1 year ago)
• Language: JavaScript
• Size: 141 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Angular 1.x WebPack + Babel workflow

This workflow serves as a starting point for building Angular 1.x applications using WebPack.

It is a direct port of the amazing [react workflow](https://github.com/cesarandreu/web-app) of [Cesar Andreu](https://github.com/cesarandreu). All the credits goes for him.

## Features

* Heavily commented webpack configuration with reasonable defaults.

* ES6, and ES7 support with babel.js.

* Source maps included in all builds.

* Development server with live reload.

* Production builds with cache busting and asset minification.

* Testing environment using karma to run tests and jasmine as the framework.

* Code coverage when tests are run.

* No gulp and no grunt, just npm run-scripts.

## Installation

To use it, just clone this repo and install the npm dependencies:

```shell

$ git clone https://github.com/umayr/ng-pack-flow my_app

$ cd my_app

$ npm install

```

## Scripts

All scripts are run with `npm run [script]`, for example: `npm run test`.

* `build` - generate a minified build to dist folder

* `dev` - start development server, try it by opening `http://localhost:8080/`

* `test` - run all tests

* `test:live` - continuously run unit tests watching for changes

See what each script does by looking at the `scripts` section in [package.json](./package.json).