AngularClass / angular-bootloader

:fast_forward: Angular 2 (and Angular 4) Bootloader for async script tag and hmr support via @AngularClass

Home Page:https:angularclass.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular 2 Fundamentals


Angular 2 Bootloader

Angular 2 Bootloader for async script tag and hmr support

Why do I need async tag support?

Chrome V8 parses script tags with <script async> or <script defer> on a separate thread once downloading of index.html begins. Initial load of your index.html improves by up to 10%

czkf6kfviaamqm6

Install

npm install @angularclass/bootloader --save

main.module.ts

import { bootloader } from '@angularclass/bootloader';

@NgModule({
  // ...
})
export class MainModule {}

export function main() {
  return platformBrowserDynamic().bootstrapModule(MainModule);
}

bootloader(main); // this will bootstrap your app via main function

index.html

<script async src="app.bundle.js"></script>

If you have a vendor file you can delete it and include async tag in your one app bundle

enjoy — AngularClass



AngularClass ##AngularClass

Learn AngularJS, Angular 2, and Modern Web Development from the best. Looking for corporate Angular training, want to host us, or Angular consulting? patrick@angularclass.com

About

:fast_forward: Angular 2 (and Angular 4) Bootloader for async script tag and hmr support via @AngularClass

https:angularclass.com

License:Apache License 2.0


Languages

Language:TypeScript 100.0%