/angularjs-webpack-starter

:rocket: A modern frontend setup for AngularJS projects using NPM, TypeScript and Webpack.

Primary LanguageTypeScript

angularjs-webpack-starter

Greenkeeper badge Build Status Dependencies DepDependencies Coverage Status

The goal of this repository is to demonstrate a modern frontend setup for AngularJS projects, in such a way that it gets closer to how things are done with Angular. This project is using NPM as package manager, TypeScript and Webpack as module loader.

This is, by no means, ment to be used blindly in production.

Features

  • TypeScript 2
  • TSLint
  • @types
  • Webpack 4 + Webpack dev server
  • Karma + Jasmine
  • Protractor
  • Styling using SASS
  • NPM
  • Code Coverage
  • AngularJS 1.6
  • UI Router 1+
  • Strict DI using ngAnnotate
  • Production build containing chunks

Usage

To use this starter you can simply clone it to your prefered location by using

 git clone https://github.com/frederikprijck/angularjs-webpack-starter.git <directory_name> --depth=1
 cd <directory_name>

and install the dependencies

 npm install

Once the repository has been cloned locally, you can use the following CLI commands:

npm start
npm run build
npm run test
npm run test:coverage

To run the production build, use:

npm run build:prd

If you would like to test the production build by running http-server, use

npm run serve:prd

Contributions

Feel free to open an issue or create a PR.