缩小 HTML 字符串 React

Question

是否有任何库可以像 html-minifier 或 html-minifier-terser 服务器端一样缩小 HTML 字符串客户端？

我想缩小包含电子邮件 HTML 的字符串。服务器端工作正常，如下所示：

const result = minify(testString, {
    collapseWhitespace: true,
    conservativeCollapse: true,
    trimCustomFragments: true,
    removeRedundantAttributes: true,
    removeEmptyAttributes: true,
    removeComments: true,
    minifyCSS: true,
    minifyJS: true,
    collapseBooleanAttributes: true,
});

通过使用 html-minifier-terser。 React 客户端有类似的工作吗？

Answer 1

我遇到了同样的问题，并找到了一些可以引导您走向正确方向的东西：

https://codesandbox.io/p/sandbox/html-minifier-in-browser-client-side-html-minification-tj7i0

接下来的步骤是加载脚本并在

useEffect

或类似的东西中使用 minify 函数。