CSS `.v-vaadin-version:after ` 中的 Vaadin 8 版本号

Question

我正在尝试将 Maven 驱动的多模块 Vaadin 8 项目更改为稍晚的版本号。在整个项目中搜索版本号 8.2.0 时，我在 styles.css 文件中发现了一个事件：

…
.v-vaadin-version:after {
    content: "8.2.0";
}
…

问题：

确实是 Vaadin Framework 版本号吗？
如果是这样，它的用途是什么？它在 CSS 中的作用是什么？
我是否应该更改它以匹配我在项目的主 POM 文件中更改的版本号 (<vaadin.version> & <vaadin.plugin.version>)？

Answer 1

Is that indeed the Vaadin Framework version number?

是的，如果选择 class 名称是为了描述而不是让您感到困惑。

If so, what is it for? What purpose does it server in CSS?

请参阅下面的代码段。这就是它的使用方式。

Should I change it to match my changed versions numbers in the project’s main POM file (<vaadin.version> & <vaadin.plugin.version>)?

我认为这样做会很棒。如果在某处使用此 class 可能会避免混淆。

.v-vaadin-version:after {
    content: "8.2.0";
}

<span class="v-vaadin-version">version: </span>

Answer 2

您不需要更改 css 文件。只需更改 pom 中的项目依赖项，style.css 将自动生成，因为来自所用主题的 styles.scss 文件已编译。

如果您想了解主题编译的更多信息，例如手工制作或自定义，请参阅 https://vaadin.com/docs/framework/themes/themes-compiling.html

上的文档

Answer 3

不，你不应该改变它。

那是vaadin-themes版本（应该和framework版本对齐）。如果您使用 <version>${vaadin.version}</version>（或者更好的是，从 vaadin-bom 管理）声明所有 Vaadin 依赖项，那么 vaadin-themes 的版本将与其他 Vaadin 依赖项的版本相匹配。

在 _global.scss 来源中，v-vaadin-version 定义为：

// Version info for the debug window
.v-vaadin-version:after {
  content: "${project.version}";
}

编译 Vaadin 时，属性被替换为 vaadin-theme POM 中的实际版本：

<resource>
  <directory>src/main/themes</directory>
  <filtering>true</filtering>
  <includes>
    <include>**/valo/shared/_global.scss</include>
  </includes>
</resource>

CSS `.v-vaadin-version:after ` 中的 Vaadin 8 版本号

Vaadin 8 version number in CSS `.v-vaadin-version:after `

css

version

vaadin

maven

vaadin8