https://github.com/lunks/new-fotolog

https://github.com/lunks/new-fotolog

Last synced: 18 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/lunks/new-fotolog
• Owner: lunks
• Created: 2016-02-11T13:51:51.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-02-11T13:53:02.000Z (almost 9 years ago)
• Last Synced: 2024-10-28T21:49:18.082Z (2 months ago)
• Language: JavaScript
• Size: 19.5 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular 1.x WebPack + Babel workflow

[![Dependency Status](https://david-dm.org/Foxandxss/angular-webpack-workflow/status.svg)](https://david-dm.org/Foxandxss/angular-webpack-workflow#info=dependencies) [![devDependency Status](https://david-dm.org/Foxandxss/angular-webpack-workflow/dev-status.svg)](https://david-dm.org/Foxandxss/angular-webpack-workflow#info=devDependencies)

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.

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/Foxandxss/angular-webpack-workflow 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).

## Example and tutorial

To see how to structure an Angular 1.x application using this workflow, please check [this demo](https://github.com/Foxandxss/GermanWords-ng1-webpack).

Also, there is an article in [angular-tips](http://angular-tips.com/blog/2015/06/using-angular-1-dot-x-with-es6-and-webpack/)

## License

The license of this workflow is MIT.