Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/frederikprijck/angularjs-webpack-starter
:rocket: A modern frontend setup for AngularJS projects using NPM, TypeScript and Webpack.
https://github.com/frederikprijck/angularjs-webpack-starter
angularjs jasmine karma npm typescript webpack
Last synced: about 2 months ago
JSON representation
:rocket: A modern frontend setup for AngularJS projects using NPM, TypeScript and Webpack.
- Host: GitHub
- URL: https://github.com/frederikprijck/angularjs-webpack-starter
- Owner: frederikprijck
- Created: 2017-02-03T09:40:32.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-10-02T08:05:42.000Z (almost 4 years ago)
- Last Synced: 2024-07-01T00:25:53.831Z (3 months ago)
- Topics: angularjs, jasmine, karma, npm, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 3.17 MB
- Stars: 184
- Watchers: 12
- Forks: 60
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# angularjs-webpack-starter
[![Greenkeeper badge](https://badges.greenkeeper.io/frederikprijck/angularjs-webpack-starter.svg)](https://greenkeeper.io/)
[![Build Status](https://travis-ci.org/frederikprijck/angularjs-webpack-starter.svg?branch=master)](https://travis-ci.org/frederikprijck/angularjs-webpack-starter)
[![Dependencies](https://david-dm.org/frederikprijck/angularjs-webpack-starter/status.svg)](https://david-dm.org/frederikprijck/angularjs-webpack-starter)
[![DepDependencies](https://david-dm.org/frederikprijck/angularjs-webpack-starter/dev-status.svg)](https://david-dm.org/frederikprijck/angularjs-webpack-starter?type=dev)
[![Coverage Status](https://coveralls.io/repos/frederikprijck/angularjs-webpack-starter/badge.svg?branch=master)](https://coveralls.io/r/frederikprijck/angularjs-webpack-starter?branch=master)The goal of this repository is to demonstrate a modern frontend setup for [AngularJS](https://github.com/angular/angular.js) projects, in such a way that it gets closer to how things are done with Angular. This project is using [NPM](https://github.com/npm/npm) as package manager, [TypeScript](https://github.com/Microsoft/TypeScript) and [Webpack](https://github.com/webpack/webpack) as module loader.
This is, by no means, ment to be used blindly in production.
## Features
- [x] TypeScript 2
- [x] TSLint
- [x] @types
- [x] Webpack 4 + Webpack dev server
- [x] Karma + Jasmine
- [ ] Protractor
- [x] Styling using SASS
- [x] NPM
- [x] Code Coverage
- [x] AngularJS 1.6
- [x] UI Router 1+
- [x] Strict DI using [ngAnnotate](https://github.com/olov/ng-annotate)
- [x] 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 --depth=1
cd
```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.