{"id":18609919,"url":"https://github.com/unlight/angular-webpack-seed","last_synced_at":"2025-11-02T20:30:32.184Z","repository":{"id":138159410,"uuid":"86936720","full_name":"unlight/angular-webpack-seed","owner":"unlight","description":"Angular 2 seed project - Webpack 2, TypeScript 2, Angular 4+, Karma / Nightmare 2, Stryker, Gulp 4, ESLint and more","archived":false,"fork":false,"pushed_at":"2017-06-14T19:04:42.000Z","size":179,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-27T01:26:02.999Z","etag":null,"topics":["angular-boilerplate","angular-seed","angular-starter-kit","angular-starter-template","angular-templ","angular2-boilerplate","angular4-seed"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/unlight.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-04-01T19:17:48.000Z","updated_at":"2017-05-18T09:52:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"e79941e5-c1e2-4e0b-9470-a93db59d212d","html_url":"https://github.com/unlight/angular-webpack-seed","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unlight%2Fangular-webpack-seed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unlight%2Fangular-webpack-seed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unlight%2Fangular-webpack-seed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unlight%2Fangular-webpack-seed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/unlight","download_url":"https://codeload.github.com/unlight/angular-webpack-seed/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239400598,"owners_count":19632049,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular-boilerplate","angular-seed","angular-starter-kit","angular-starter-template","angular-templ","angular2-boilerplate","angular4-seed"],"created_at":"2024-11-07T03:07:43.758Z","updated_at":"2025-11-02T20:30:32.148Z","avatar_url":"https://github.com/unlight.png","language":"TypeScript","readme":"angular-webpack-seed\n====================\nAngular X single page application starter.\n\nSTACK\n---\n* Angular 4+\n* TypeScript 2\n* Webpack 2\n* Karma / NightmareJS 2 (Electron)\n* Stryker\n* Gulp 4\n* ESLint with useful plugins\n\nFEATURES\n---\n* Fastest typescript compilation (because of transpileOnly)\n* Faster unit testing (NightmareJS runs 2 times faster than PhantomJS)\n* Hot reload, HMR (Hot Module Replacement)\n* AoT (with routes lazy loading)\n* Mutation testing\n* Conditional linting for source and spec files\n\nQUICK START\n---\n```\ngit clone https://github.com/unlight/angular-webpack-seed \u0026\u0026 cd angular-webpack-seed\nnpm i \nnpm run start\n```\n\nHUSKY\n---\n* Install: `npm i husky`\n* Uninstall: `npm r husky`\n\nTASKS\n---\n| Task                         | Description                                                            |\n|:-----------------------------|:-----------------------------------------------------------------------|\n| `npm run start`              | Prepare and start local dev server                                     |\n| `npm run build:vendors`      | Prepare npm dependencies for linking                                   |\n| `npm run build:libs`         | Prepare npm dependencies for linking (Scripts)                         |\n| `npm run build:style`        | Prepare npm dependencies for linking (Design)                          |\n| `npm run server`             | Local dev server                                                       |\n| `npm run server:dashboard`   | Local dev server in dashboard mode                                     |\n| `npm run clean`              | Clean generated folders                                                |\n| `npm run eslint`             | Lint code (single run mode)                                            |\n| `npm run gulp eslint:watch`  | ESLint in watch mode                                                   |\n| `npm run t`                  | Run unit testing in single run mode                                    |\n| `npm run test:all`           | Sequence of eslint, tschk and coverage tasks                           |\n| `npm run test:w`             | Run unit testing in watch mode                                         |\n| `npm run up`                 | Update all dependencies one by one running tests after each            |\n| `npm run tschk`              | Run typescript compile but do not emit files (useful for typechecking) |\n| `npm run tschk:w`            | tschk in watch mode                                                    |\n| `npm run build`              | Build application, but not dependencies                                |\n| `npm run build:all`          | Sequence of build:vendors and build tasks                              |\n| `npm run build:release`      | Clean rebuild all                                                      |\n| `npm run coverage`           | Run test coverage with verbose reporing                                |\n| `npm run coverage:debug`     | Run coverage task in debug mode                                        |\n| `npm run p \"t1\" \"t2\"`        | Run tasks in parallel                                                  |\n| `npm run stryker`            | Run mutation tests                                                     |\n\nDEVELOPMENT TIPS\n---\n* Do not disable cache in devtools (network tab): this improves speed significantly, use Ctrl + F5 to clean cache.\n* Try to add new external libraries (npm modules) to vendor libs list (`entry.libs`) and do `npm run build:libs`\n\nRESOURCES\n---\n* [Configuration utility for Angular](https://github.com/ngx-config/core)\n* [An Angular 2 module for mocking components](https://github.com/cnunciato/ng2-mock-component)\n* [Angular X spy object (mock, stub) helper](https://github.com/unlight/spy-object)\n* [Simple, fluent Http mocking for Angular 2](https://github.com/CodeSequence/respond-ng)\n* [Simple testing patterns for Angular version 2+](https://github.com/juristr/angular-testing-recipes)\n* [A curated list of awesome Angular 2 and Angular 4 resources](https://github.com/AngularClass/awesome-angular)\n* [Catalog of Angular 2+ Components \u0026 Libraries](https://github.com/brillout/awesome-angular-components)\n* [The internationalization (i18n) library for Angular 2+](https://github.com/ngx-translate/core)\n* [Open modal window (dialog box) for your angular2 applications using bootstrap3](https://github.com/pleerock/ngx-modal)\n* [Angular toastr ngx-toastr (formerly toastr-ng2)](https://github.com/scttcper/ngx-toastr)\n* [Simple popover control for your angular2 applications using bootstrap3. Does not depend of jquery.](https://github.com/pleerock/ngx-popover)\n* [Simple dropdown for your angular2 applications using bootstrap3.](https://github.com/pleerock/ngx-dropdown)\n* [A set of modules that could be helpful for Angular application development.](https://github.com/Barryrowe/ngx-dev-utils)\n* [Simple tooltip control for your angular2 applications using bootstrap3. Does not depend of jquery.](https://github.com/pleerock/ngx-tooltip)\n* [Simple tabs control for your angular2 applications using bootstrap3](https://github.com/pleerock/ngx-tabs)\n* [Simple pagination control for your angular2 applications using bootstrap3](https://github.com/pleerock/ngx-paginator)\n* [Angular directives for displaying validation messages similar to these from AngularJs](https://github.com/DmitryEfimenko/ngx-messages)\n* [A declarative validation errors module for reactive forms](https://github.com/UltimateAngular/ngxerrors)\n* [Implementation of Angular 1.x $cookies service to Angular 2](https://github.com/salemdar/ngx-cookie)\n* [An Angular component for a customizable date and time picker](https://github.com/RenovoSolutions/ngx-datetimepicker)\n* [Angular 2+ (ngx) ng2 truncate module from Directive, Pipe and Service](https://github.com/doorgets/ng-truncate)\n* [MapleSyrupGroup ngx-flash-messages](https://github.com/MapleSyrupGroup/ngx-flash-messages)\n* [Angular2 + form validators](https://github.com/ReactiveCore-com/ngx-validation)\n* [Angular X (2+) Async external scripts loading](https://github.com/zenkkor/ngx-asyncscripts)\n* [Show busy/loading indicators on any promise, or on any Observable's subscription](https://github.com/devyumao/angular2-busy)\n* [Component event delegation](https://gist.github.com/matthieu-D/c56ce33e844b1f6e6d692149c31bb83b)\n* [Limitations with AoT](https://github.com/UltimateAngular/aot-loader/wiki/Limitations-with-AoT)\n* [AoT Do's and Don'ts](https://github.com/rangle/angular-2-aot-sandbox#aot-dos-and-donts)\n* [5 Rookie Mistakes to Avoid with Angular 2](http://angularjs.blogspot.ru/2016/04/5-rookie-mistakes-to-avoid-with-angular.html)\n* [A reusable chart library for d3.js](https://github.com/nvd3-community/nvd3)\n* [A Comprehensive Introduction to @ngrx/store](https://gist.github.com/btroncone/a6e4347326749f938510)\n* [Class decorator that will automatically unsubscribe from observables and events](https://github.com/NetanelBasal/ngx-auto-unsubscribe)\n* [Observable-based virtual scroll implementation in Angular](https://github.com/dinony/od-virtualscroll)\n* [Angular Update Guide](https://angular-update-guide.firebaseapp.com/)\n* [Intrinsic first flexbox grid](https://github.com/argyleink/ragrid)\n* [Fast JiT compiler for Angular testing](https://github.com/Quramy/ngx-zombie-compiler)\n* [A loading spinner for Angular 4](https://github.com/Zak-C/ngx-loading)\n* [Singleton service for lazy loaded modules](https://github.com/manfredsteyer/lazy-loading-ng-conf/blob/master/src/app/auth/auth.module.ts#L8-L26)\n\nKNOWN ISSUES\n---\n* Cannot use component css tostring with aot https://github.com/UltimateAngular/aot-loader/issues/12\n  (workaround disable sourcemaps)\n* Stryker: webpack cannot load plugins https://github.com/stryker-mutator/stryker-karma-runner/issues/20\n\nTODO\n---\n* try https://prepack.io/\n* https://github.com/unlight/angular-webpack-seed/issues\n* ngrx redux example\n  - https://github.com/CodeSequence/ngrx-workshop\n\n\nDEBUG\n---\n```\ninspect node_modules/webpack-dev-server/bin/webpack-dev-server\ninspect --debug-exception node_modules/webpack/bin/webpack.js --env.prod --display-modules\ninspect --debug-exception node_modules/webpack/bin/webpack.js\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funlight%2Fangular-webpack-seed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Funlight%2Fangular-webpack-seed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funlight%2Fangular-webpack-seed/lists"}