使用 Spring Boot + Vaadin Spring 时的 Vaadin Sass“即时”编译答案

【问题标题】：Vaadin Sass "on-the-fly" compilation when using Spring Boot + Vaadin Spring使用 Spring Boot + Vaadin Spring 时的 Vaadin Sass“即时”编译
【发布时间】：2015-06-14 23:18:26
【问题描述】：

当您使用 Spring Boot 在调试模式下运行时，是否可以即时进行 sass 编译？如何？现在我每次都需要手动编译，这样的开发效率并不高。这对任何人都有效吗？

非常感谢您对此的任何提示

弗兰

【问题讨论】：

没有使用 Spring Boot，但是任何默认处于调试/开发模式的示例项目都可以即时编译主题，没有任何问题。您是否在web.xml 或@VaadinServletConfiguration 中仔细检查了productionMode=false？
感谢@Morfic 的评论，但是对于Spring boot，这个模式和其他vaadin 参数是在“application.properties”文件中配置的。它设置在那里，仍然没有效果。我什至在日志中得到“Vaadin 正在调试模式下运行”。所以应该没问题
您能分享一个示例项目来说明您的问题吗？我刚刚在start.spring.io 上创建了一个简单的项目，制作了一个带有标签的基本 UI 并添加了一个更改文本颜色的主题，一切都可以开箱即用。如果我修改颜色并刷新页面，它会立即获取更改...
感谢@Morfic 提供的信息。请问您是如何创建和放置主题的？可能我的问题是围绕这个。我的项目也超出了 start.spring.io，选择了 web 和 vaadin 选项。然后我在“src/main/resources”中放置了一个“VAADIN/themes/mytheme 文件夹”，用“@Theme("mytheme") 注释我的 UI 类并开始。如果我在 scss 文件上更改某些内容，我需要编译每个时间，然后做项目。
根据文档vaadin.com/book/-/page/themes.html，主题应该在src/main/webapp/VAADIN/themes下

标签： vaadin vaadin7 vaadin4spring

【解决方案1】：

您可以在 pom.xml 中添加以下行，以便将 sass 编译为 css

<plugin>
    <groupId>org.codehaus.mojo</groupId>
    <artifactId>exec-maven-plugin</artifactId>
    <version>1.2.1</version>
    <executions>
        <execution>
            <phase>generate-sources</phase>
            <goals>
                <goal>java</goal>
            </goals>
            <configuration>
                <classpathScope>compile</classpathScope>
                <mainClass>com.vaadin.sass.SassCompiler</mainClass>
                <arguments>
                    <argument>src/main/webapp/VAADIN/themes/heijunka/styles.scss</argument>
                    <argument>src/main/webapp/VAADIN/themes/heijunka/styles.css</argument>
                </arguments>
            </configuration>
        </execution>
    </executions>
</plugin>

【讨论】：

谢谢，但 Spring Boot 不需要这样做