ng-bundle-analyzer
Version:
Generate and display treemaps of Angular bundle.
43 lines (39 loc) • 1.55 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NG Bundle Analyzer</title>
<link rel="shortcut icon" href="assets/angular-brands.svg" type="image/svg" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="assets/reset.css" />
<link rel="stylesheet" href="assets/style.css" />
</head>
<body>
<div class="container">
<section class="header">
<h1>NG Bundle Analyzer</h1>
</section>
<section style="margin-top: 40px">
<h2>
JavaScript bundle of <span class="highlight"><!-- $APP-NAME$ --></span>, built at <span class="highlight"><!-- $DATE$ --></span>
</h2>
<div class="tr mt-05">
<span>Chunk Name</span>
<span>Size</span>
<span
>Treemap
<img style="width: 13px; vertical-align: top" src="assets/arrow-up-right-from-square-solid.svg" alt="" />
</span>
</div>
<!-- $CHUNKS$ -->
</section>
<div style="text-align: right; margin-top: 5px">
<a href="$ZIP_NAME$" download> Download ZIP </a>
</div>
</div>
</body>
</html>