如何缩小 Thymeleaf 生成的 HTML

Question

有谁知道如何缩小我的 Thymleaf 生成的 HTML？

当我使用 JSP 时，我可以在这个依赖项中使用 googleCompressor：

<dependency>
    <groupId>com.googlecode.htmlcompressor</groupId>
    <artifactId>htmlcompressor</artifactId>
    <version>1.5.2</version>
    <optional>true</optional>
</dependency>

但是现在我搬到了 Thymeleaf，我不知道如何缩小我的 Thymeleaf 页面。

Answer 1

不幸的是，我不知道现有的库，但您可以创建一个小的方言来实现像这样的简单缩小：

首先创建一个处理程序

import java.util.regex.Pattern;

import org.thymeleaf.engine.AbstractTemplateHandler;
import org.thymeleaf.model.IComment;
import org.thymeleaf.model.IText;
import org.thymeleaf.util.StringUtils;

public class SimpleMinifierHandler extends AbstractTemplateHandler {

  private static final Pattern TAB_OR_NEW_LINE = Pattern.compile("[\\t\\n]+\\s");

  @Override
  public void handleComment(IComment comment) {
    // do not print comments at all
  }

  @Override
  public void handleText(IText text) {
    // ignore white spaces, tabs and new lines
    if (!ignorable(text)) {
        super.handleText(text);
    }
  }

  private boolean ignorable(IText text) {
    return StringUtils.isEmptyOrWhitespace(text.getText()) || TAB_OR_NEW_LINE.matcher(text.getText()).matches();
  }
}

然后创建您自己的方言并附加您的处理程序：

import java.util.HashSet;
import java.util.Set;

import org.thymeleaf.dialect.IPostProcessorDialect;
import org.thymeleaf.engine.ITemplateHandler;
import org.thymeleaf.postprocessor.IPostProcessor;
import org.thymeleaf.templatemode.TemplateMode;

public class SimpleMinifierDialect implements IPostProcessorDialect {

  @Override
  public String getName() {
    return "simple-minifier";
  }

  @Override
  public int getDialectPostProcessorPrecedence() {
    return 1000;
  }

  @Override
  public Set<IPostProcessor> getPostProcessors() {
    Set<IPostProcessor> set = new HashSet<>(1);
    set.add(new IPostProcessor() {
        @Override
        public TemplateMode getTemplateMode() {
            return TemplateMode.HTML;
        }

        @Override
        public int getPrecedence() {
            return 1000;
        }

        @Override
        public Class<? extends ITemplateHandler> getHandlerClass() {
            return SimpleMinifierHandler.class;
        }
    });
    return set;
  }
}

现在您可以轻松地将方言添加到现有的 TemplateEngine 中：

@Bean
public TemplateEngine templateEngine() {
    SpringTemplateEngine engine = new SpringTemplateEngine();
    ...
    ...
    ...
    engine.addDialect(new SimpleMinifierDialect());
    return engine;
}

此方言不处理 CSS/JS 等任何资源，并且仍然在 HTML 中打印不必要的字符。但我认为它展示了如何使用方言来自定义输出。

希望有帮助，问候