Skip to content
This repository has been archived by the owner on Feb 17, 2024. It is now read-only.

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

License

Notifications You must be signed in to change notification settings

AngularClass/angular-bootloader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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? [email protected]

Releases

No releases published

Packages

No packages published