如何在 Angular 8 生产构建中压缩文件

Question

我们需要提升使用angular 8构建的网站性能。

如何在生产构建中压缩（gzip / brotli）angular文件？

- Sureshkumar Pazhanivel

---

你能分享更多细节吗？组件数量、文件大小、包含的资源（及其格式）。我们可以假设您已经采取了基本步骤，如图像压缩和使用常见的NPM模块而不是自定义构建的模块吗？您能够链接到一个GitHub存储库吗？ - Mike Goodstadt

Answer 1

您可以使用两种方法：

1. 使用webpack压缩插件。npm i compression-webpack-plugin --save-dev

然后将插件添加到您的webpack配置中。例如：

const CompressionPlugin = require('compression-webpack-plugin');

module.exports = {
  plugins: [new CompressionPlugin()],
};

2. 使用gzipper在构建后压缩所有资源

   npm i gzipper --save-dev

   ng build && gzipper dist/app --log

- bas