如何将Angular6项目打包优化实现为长尾关键词？

本文共计1186个文字，预计阅读时间需要5分钟。

可以以下三个方面优化：

1.输出包组成分析文件：Rollup

2.摘要树优化：Rollup

3.导出Webpack配置，通过修改Webpack配置优化打包：Webpack

可以从以下三个角度优化：

• 输出包体组成分析文件
• Rollup 摇树优化
• 导出Webpack配置，通过修改webpack配置优化打包

让我们来逐一分析。

输出包体组成分析文件

Webpack 有一个非常好用的工具叫 webpack-bundle-analyzer，会自动分析包体组成结构，并以一种可视化的方式显示。