/angular-webpack-es6

Example Project for working with: Angular 1^, webpack, sass, karma (and jasmine) and es6 syntax

Primary LanguageJavaScriptMIT LicenseMIT

angular-webpack-es6

Dependency Status devDependency Status

The ultimate bundle for large-scale applications which includes the top notch technologies including:

  • Complete webpack bundling with support for multiple file types.
  • ES6, and ES7 support with babel.
  • Source maps included in all builds.
  • Development server with live reload.
  • Production builds with cache busting.
  • 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 scripts.
  • Sass loader to include files on js
  • Assets versioning

Warning: Make sure you're using the latest version of Node.js and NPM

Quick start

Clone/Download the repo then edit app.js inside /src/app/app.js

# clone the repo
$ git clone https://github.com/avihaymenahem/angular-webpack-es6.git app

# change directory to your app
$ cd app

# install the dependencies with npm
$ npm install

# start the server
$ npm start

go to http://localhost:8888 in your browser.

Table of Contents

Getting Started

Dependencies

What you need to run this app:

  • node and npm (Use NVM)
  • Ensure you're running Node (v4.1.x+) and NPM (2.14.x+)

Installing

  • fork this repo
  • clone your fork
  • npm install to install all dependencies

Running the app

After you have installed all dependencies you can now run the app with:

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
  • build files and watch: npm run watch

Testing

1. Unit Tests

  • single run: npm test
  • live mode (TDD style): npm run test-watch

License

MIT

Credits

This project is based on several projects and ideas: