angular-dynamic-styleguide

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #typescript #llm #android #machine-learning #deep-learning #kubernetes #awesome-list #vue #security #open-source

angular-dynamic-styleguide

(★ 15)

Minimal style guide example using Angular and runtime compilation of template strings.

angular-dynamic-styleguide Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Angular Dynamic Styleguide

This project was generated with [Angular CLI](https://github.com/angular/angular-cli). It has been updated to Angular version 12.x.

It is a minimal example of an Angular StyleGuide containing examples that are compiled dynamically (at runtime). Dynamic compilation is used because it provides access to the Angular template source code, which is displayed in the styleguide.

A key goal for this demo project was to get dynamically compiled components running with `ng build --prod` or `ng serve --prod`. Thanks to [this comment in github](https://github.com/angular/angular/issues/27584#issuecomment-446462051) I found that the key fix was to add `import 'core-js/es7/reflect';` to polyfills.ts. Even though it's not a real polyfill (it's needed on all browsers), it's required for dynamic compilation in --prod builds.

Note that running dynamically compiled components with `ng build --prod` also requires

```json
              "buildOptimizer": false,
```
in the `production` configuration in `angular.json`.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

angular-dynamic-styleguide

angular-dynamic-styleguide Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

angular-dynamic-styleguide

angular-dynamic-styleguide Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README