什么是 brotli-webpack-plugin？
brotli-webpack-plugin 是一个用于 Webpack 构建的插件，用于将资源进行 Brotli 压缩。Brotli 压缩是一种新型的压缩算法，与 Gzip 等传统算法相比，可以实现更高的压缩比，并且能够在不影响性能的情况下缩短页面的加载时间。
使用 brotli-webpack-plugin 可以让你的网站的缩减资源大小，从而让网站的加载速度更快，提升用户体验。
如何使用 brotli-webpack-plugin？
安装
首先，需要将 brotli-webpack-plugin 安装到你的项目中。安装方法很简单，只需要在你的 Terminal 中运行以下命令：
npm install --save-dev brotli-webpack-plugin
配置
安装完成之后，你需要在 webpack 配置文件中引入和配置 brotli-webpack-plugin。
-- -------------------- ---- -------
----- ------------ - ---------------------------------
-------------- - -
-- ---
-------- -
--- --------------
------ -------------------
----- -----------------------
---------- ------
--------- ---
--
-
--在使用时，你需要传递一些参数：
asset：生成的压缩文件的名称，可以使用 [name] 和 [hash] 占位符。test：要压缩的文件的正则表达式条件。threshold：仅对大于指定字节大小的文件进行压缩。minRatio：仅对压缩比率大于指定值的文件进行压缩。
示例
下面是一个完整的 webpack 配置文件，展示了如何使用 brotli-webpack-plugin。
-- -------------------- ---- -------
----- ------- - -------------------
----- ------------ - ---------------------------------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- ------------
--
-------- -
--- --------------
------ -------------------
----- -----------------------
---------- ------
--------- ---
--
-
--在这个示例中，我们对 js、css、html 和 svg 文件进行压缩，仅对大于 10KB 的文件进行压缩，并且要求压缩比率大于 0.8。最终生成的文件名将会在原文件名后加上 .br。
结论
Brotli 压缩是提升网站性能的一种简单方法，使用 brotli-webpack-plugin 可以很方便地实现压缩。希望本文的介绍对大家有所帮助，如有问题或建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/62172