Skip to content
Hallway
0:00 / 0:00

#angular#source-map-explorer#bundlesize

How to stay fast and fresh with Angular

Chrome for Developers

822K subscribers • 20 videos on Hallway

YouTube
  • Recommended by 2 people: 2 on Stack Overflow and its sister sites.
  • Presented by Stephen Fluin
  • Made by the vendor. The company whose product it covers made or sponsored it.
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Intermediate. Assumes working knowledge.

88K views6 years ago2 recommendations

Web developmentVue, Svelte, Angular and othersWeb performance

Stephen Fluin demonstrates how to optimize Angular application startup performance and analyze bundle sizes using source-map-explorer.

Watch a live coding demo walking through the top principles and tools you can use to make your applications shine when it comes to startup performance and bundle size. Resources: Angular → goo.gle/3dEhA6o Angular on web.dev → goo.gle/2Zb2uQR Angular Update Guide → goo.gle/2ZhOhBs Related Playlists: Day 3 → goo.gle/WDL20Day3 Subscribe to the Chrome Developers → goo.gle/ChromeDevs Speaker: Stephen Fluin #webdevLIVE #Angular #livecoding event: web.dev LIVE 2020; re_ty: Publish; fullname: Stephen Fluin; product: Chrome - General;

Why it's here

2 people recommend this

What people say. Recommended by the Angular team as the preferred way to learn about bundle size analysis over webpack-bundle-analyzer.

Moments people linked to

Lex Kuncevicon Stack Overflow • Recommends

On “Angular CLI output - how to analyze bundle files”

…} } UPDATE 2020 (v16 and below) : The Angular team strongly recommends to only use source-map-explorer to analyze your bundle size instead of webpack-bundle-analyzer . According to them, webpack-bundle-analyzer and a few other similar tools doesn't give the actual info pertaining to Angular build process. More info can be fount at web.dev - link to this video To install source-map-explorer globally:- npm i -g source-map-explorer or yarn glob……
189View the answer

abhay tripathion Stack Overflow • Recommends

On “Angular CLI output - how to analyze bundle files”

2020 angular team recommendation The angular team strongly recommends to only use source-map-explorer to analyze your bundle size instead of webpack-bundle-analyzer . According to them, webpack-bundle-analyzer and a few other similar tools doesn't give the actual info pertaining to angular build process. More info can be found at web.dev - link to this video To install source-map-explorer globally:- npm i source-map-explorer or yarn global add source-map-explorer To analyze bundle size :- source-map-explorer dist/my-awesome-project/main.js Remember to have your source map files available (which can be obtained by building with ng build --prod --source-map=true ) SIDE NOTE: I have pe…
22View the answer