Improving production build time for Angular 8 application in Azure Devops

Hey according to the documentation you can optimize you builds with

  • Lazy loading. only loading the application modules that absolutely must be present when the app starts. Configure the Angular Router to defer loading of all other modules (and their associated code)

  • Enabling the --prod mode on your build command, ;) of course. You can then inspect the bundle size using a library called source-map-explorer

    npm install source-map-explorer --save-dev

Build your app for production including the source maps

ng build --prod --source-map

List the generated bundles in the dist/ folder.

ls dist/*.bundle.js

Run the explorer to generate a graphical representation of one of the bundles. The following example displays the graph for the main bundle.

node_modules/.bin/source-map-explorer dist/main.*.bundle.js

You can get more info at the angular docs here

Tags:

Azure Devops

Typescript

Angular

Angular8

Related

Flutter imports : relative path or package? Background sync in Service Worker is not working in chrome on android Positioning scrollable content under fixed flexbox navigation menu Handlebars: Access has been denied to resolve the property "from" because it is not an "own property" of its parent How do I properly test a var that changes through a publisher in my viewModel in XCTestCase Is there a way to get a referring URL via a custom HTTP header? How to write a case when like statement in numpy array Master can't connect to cluster Count the number of characters, words and lines in PowerShell Searching a LiveData of PagedList in RecyclerView by Observing ViewModel UICollectionViewCompositionalLayout with groupPagingCentered doesn't start centered S3 Presigned URL Multiple Content Disposition Headers

Recent Posts