My angular typescript webpack architecture
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
src Fix quote warning in test Jul 6, 2017
webpack Merge pull request #22 from moanrose/dependencyupdates Dec 6, 2016
.gitignore
.npmrc
LICENSE Create LICENSE Mar 20, 2016
README.md remove reference to tsd in readme file May 21, 2016
karma.conf.js Refactored architecture, added sourcemaps support, coverage support, … Jan 29, 2016
package-lock.json
package.json
tsconfig.json
tslint.json
wallaby.js Refactored architecture, added sourcemaps support, coverage support, … Jan 29, 2016

README.md

angular-typescript-webpack

Angular + Typescript + Webpack build with Karma and wallaby tests support. And this all with sourcemaps in production support!!

Install

npm i webpack typings typescript -g
git clone git@github.com/brechtbilliet/angular-typescript-webpack.git
cd angular-typescript-webpack
npm install
npm start

Then it will automatically open the app in your browser

To run tests

npm test

Coverage

open reports/coverage/index.html

Build

npm install
npm run build

Features

  • Build basic Angular app with webpack
  • Simple twitter application
  • fully tested with Jasmine
  • sass support
  • Coverage report
  • Typescript support
  • ES6 modules support
  • Running tests in PhantomJS
  • Wallaby.js support
  • Karma support
  • Optimized build package
  • Minimal and straightforward setup
  • Watches code and refreshes browser with latest changes automatically
  • Sourcemap support in develop AND PRODUCTION!!! (don't deploy the js.map file with your application, but use it to debug your production app)