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

【问题标题】：Vaadin 8 version number in CSS `.v-vaadin-version:after `CSS `.v-vaadin-version:after ` 中的 Vaadin 8 版本号
【发布时间】：2018-01-06 02:09:33
【问题描述】：

我正在尝试将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>）中更改的版本号？

【问题讨论】：

标签： css maven version vaadin vaadin8

【解决方案1】：

不，你不应该改变它。

即 vaadin-themes 版本（应与框架版本保持一致）。如果您使用<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>

【讨论】：

【解决方案2】：

这确实是 Vaadin 框架的版本号吗？

是的，如果选择类名是为了描述性而不是混淆您。

如果是这样，它的用途是什么？它在 CSS 中的用途是什么？

请参阅下面的 sn-p。这就是它的使用方式。

我是否应该更改它以匹配我在项目的主 POM 文件 (<vaadin.version> & <vaadin.plugin.version>)？

我认为这样做会很棒。如果在某个地方使用这个类，它可能会防止可能的混淆。

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

&lt;span class="v-vaadin-version"&gt;version: &lt;/span&gt;

【讨论】：

【解决方案3】：

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

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

【讨论】：