如何使用Vaadin 7和maven编译其他非主题SCSS文件
Vaadin是一个用于构建现代Web应用程序的开源Java框架。它提供了丰富的UI组件和工具，使开发人员能够快速构建功能强大的Web界面。
使用Vaadin 7和Maven编译其他非主题SCSS文件的步骤如下：
- 确保已经安装了Java Development Kit（JDK）和Maven，并配置好相关的环境变量。
- 在Maven项目的pom.xml文件中，添加Vaadin插件的依赖：
<build>
<plugins>
<plugin>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-maven-plugin</artifactId>
<version>7.7.13</version>
<executions>
<execution>
<goals>
<goal>update-theme</goal>
<goal>compile-theme</goal>
</goals>
</execution>
</executions>
</plugin>
</plugins>
</build>这将使Maven能够使用Vaadin插件来编译主题和非主题的SCSS文件。
- 在项目的src/main/webapp/VAADIN/themes目录下创建一个新的主题文件夹，例如"mytheme"。
- 在"mytheme"文件夹中创建一个新的SCSS文件，例如"custom.scss"，用于编写自定义的样式。
- 在项目的pom.xml文件中，添加Vaadin插件的配置，指定要编译的SCSS文件路径：
<plugin>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-maven-plugin</artifactId>
<version>7.7.13</version>
<configuration>
<extraJvmArgs>-Xmx512M -Xss1024k</extraJvmArgs>
<webappDirectory>${basedir}/src/main/webapp/VAADIN/widgetsets</webappDirectory>
<draftCompile>false</draftCompile>
<compileReport>true</compileReport>
<style>${basedir}/src/main/webapp/VAADIN/themes/mytheme/custom.scss</style>
</configuration>
</plugin>这将告诉Vaadin插件编译指定的SCSS文件。
- 在命令行中运行以下Maven命令来编译SCSS文件：
mvn vaadin:update-theme vaadin:compile-theme这将使用Vaadin插件编译SCSS文件并生成相应的CSS文件。
编译完成后，生成的CSS文件将位于项目的target目录下，可以在Web应用程序中使用它们。
Vaadin 7是一个成熟且功能强大的框架，适用于构建各种类型的企业级Web应用程序。它提供了丰富的UI组件、数据绑定、事件处理、国际化支持等功能，使开发人员能够快速构建出现代化的Web界面。
推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云容器服务（TKE）。腾讯云服务器提供可靠的云计算基础设施，可用于部署和运行Vaadin应用程序。腾讯云容器服务提供了一种便捷的方式来管理和运行容器化的应用程序，可以轻松部署和扩展Vaadin应用程序。
腾讯云服务器产品介绍链接：https://cloud.tencent.com/product/cvm 腾讯云容器服务产品介绍链接：https://cloud.tencent.com/product/tke
相关·内容
1回答
如何使用Vaadin 7和maven编译其他非主题SCSS文件
sass、vaadin、vaadin7
在Vaadin7的CustomComponent中，我们有这样的注释： @StyleSheet({"../../VAADIN/themes/mytheme/views/someView.css"}) 当productionMode是false时，它工作得很好。所讨论的文件是styles.scss未引用的独立样式表 然而，一旦productionMode被设置为true，Vaadin就不会在运行时编译<
浏览 16提问于2020-09-21得票数 0
回答已采纳
1回答
Vaadin变更主题
java、intellij-idea、themes、vaadin
如何在Vaadin中编辑给定的主题。
如何创建scss文件以编辑应用程序的样式？我使用的是Vaadin7、IntelliJ Idea 15.0.2和Java1.
浏览 4提问于2016-01-12得票数 0
1回答
清洁安装vaadin-maven项目时style.css重置的更改
java、maven、vaadin
我正在使用Maven来处理构建和依赖关系管理。我最近被与css有关的非常奇怪的问题窃听了。但是，style.scss内部的更改保留了下来。如何维护style.css内部的更改？
浏览 1提问于2015-02-05得票数 2
回答已采纳
1回答
在没有Maven - Valo主题的情况下在NetBeans中编译Sass文件
netbeans、sass、vaadin、vaadin7、vaadin-valo-theme
我正在尝试将一些Vaadin7技术集成到现有的非Vaadin项目中(使用Ant/NetBeans构建)。我设法让一个"Hello World“页面出现，但它目前没有主题。我有一个标准的启动主题，"mytheme"，除了导入内置的Valo主题，它什么也不做。我安装了Sass，并将项目配置为在保存时自动编译Sass文件。Done.
mytheme.scss包含以下
浏览 1提问于2017-01-18得票数 1
1回答
忽略Vadin8.1项目中版本控制的“styles.scss.cache”文件？
css、caching、version-control、mercurial、vaadin
在从install原型创建的新Vaadin8.1项目上执行了第一个Maven install之后，并首次运行了我的应用程序，我注意到出现了一个新文件：
➠从我的版本控制中包含或忽略这个文件有意义吗？忽略，我的意思是将文件名添加到我的文件&#x
浏览 4提问于2017-09-30得票数 1
回答已采纳
1回答
如何在Vaadin 8中重新生成styles.css
vaadin、vaadin8
修改styles.scss后，Vaadin 8不重新创建styles.css。如果我完全删除了style.css，应用程序就不会创建这个文件，并且在浏览器中得到一个404错误。应用程序不以生产模式运行，我使用的是主题。根据文档，应创建该文件：has请告诉我如何强迫Vaadin创建sty
浏览 3提问于2022-09-21得票数 0
2回答
Vaadin自定义css -自定义主题
css、spring-boot、intellij-idea、gradle、vaadin
我对使用自定义主题有问题。我使用Spring + Vaadin 8和IntelliJ Idea + Gradle。我创建了一个文件：src/main/webapp/VAADIN/themes/mytheme/styles.css现在，当我运行我的应
浏览 4提问于2017-09-12得票数 1
回答已采纳
2回答
如何使用IntelliJ Idea 13终极文件监视程序将scss文件编译成css？
intellij-idea、sass
我正在尝试使用IntelliJ的想法将一些scss文件翻译成css，但是我从Tomcat日志中得到了奇怪的错误(警告: Scss文件VAADIN/themes/myTopices.scss存在，但ScssStylesheet找不到它)
这是我的文件的图片：
浏览 2提问于2014-01-03得票数 0
回答已采纳
2回答
如何使用Vaadin导入外部主题并在注释中使用它们？
java、maven、themes、vaadin7
CompanyApp和CompanyVaadinThemes.source/main/resources/VAADIN/themes/mytheme styles.
浏览 4提问于2016-12-14得票数 0
回答已采纳
3回答
Vaadin主题: java.lang.Exception: Mixin定义: valo未找到
java、maven、sass、vaadin、vaadin7
我正在尝试使用新的Vaadin主题叫做"valo“。所以我创建了这个文件(如官方文档中所描述的)$v-background-color: hsl(200, 50%, 50%);
@include valo;但是，当我尝试用maven编译应
浏览 4提问于2014-10-14得票数 0
回答已采纳
1回答
更改Vaadin /Spring/ Maven中的css
css、maven、spring-boot、sass、vaadin
应用程序是用Spring和Maven构建的。我用Vaadin构建UI。我用的是瓦洛主题。但我想改变颜色，大小，字体等。我想保留默认的valo主题，只添加我的变体。我已经在金库文档、youtube网络研讨会和其他类似的网站上看到了页面。但这是不可能的。我应该把scss文件放在靠近valo文件夹的文件夹中。但是valo文件夹在罐子里！我已经将文件夹放在src/
浏览 1提问于2017-02-24得票数 0
回答已采纳
1回答
在编译vaadin主题时显示错误
java、vaadin、java-ee-6、vaadin7
在编译Vaadin主题时，它显示了错误：`@导入"addons.scss"；@导入"AppTheme.scss"；@include设置($app18，$background18)
浏览 5提问于2021-11-01得票数 0
1回答
在Vaadin 8项目中编译Bootstrap 5 sass失败
sass、vaadin、bootstrap-5、vaadin8
但是，当我包含引导scss文件时，在导入引导程序_functions.scss时会出现一个通用编译错误：
如何</e
浏览 7提问于2022-10-10得票数 1
1回答
更改布局的背景色- Vaadin
vaadin
但问题是我看不出我的主要内容和页脚之间的区别，主要是因为它是相同的背景颜色。所以我想改变页脚的背景颜色，下面是我尝试的方法：
在代码中添加hl.addStyleName("backColorGrey");，在主题.scss中添加.backColorGrey{background-color:#ACACAC}，我尝试使用.v-horizontallayout-backColorGrey作为css中的类名。我也尝试过使用JavaScript.getCurrent().execute(&qu
浏览 0提问于2015-01-18得票数 3
回答已采纳
2回答
如何在Vaadin 14应用程序中包含自定义SASS文件？
twitter-bootstrap、maven、sass、vaadin、vaadin14
我正在Maven上开发一个Vaadin 14应用程序，所以我使用的是vaadin-maven-plugin，根据Vaadin的v14初学者应用程序：
负责同步package.json和main.js文件中的java依赖项和导入。运行该应用程序后，我在根dir上得到了package.json文件和node-modules。之后，我执行了npm install bootstrap，并在src/
浏览 5提问于2019-12-02得票数 2
回答已采纳
3回答
在productionMode中，VAADIN找不到主题
java、resources、themes、vaadin、vaadin7
我在src/main/webapp/ VAADIN /themes/mytheme/中有我的VAADIN应用程序的自定义主题，其中包含文件mytheme.scss和styles.scss。当web.xml中的vaadin productionMode部署参数设置为false时，一切工作正常。当我将参数设置为true时，突然Vaadin找不到我的主题的资源，并
浏览 0提问于2013-05-15得票数 7
回答已采纳
2回答
如何在Vaadin中创建一个新的主题覆盖现有的主题？
css、sass、themes、vaadin
我的客户正在使用Vaadin开发web应用程序，并希望我在Vaadin 7.3中现有的Valo主题的基础上，为一个项目创建一个新的主题。我知道HTML和CSS (SCSS)和一点jQuery，但这就是全部，我是一个网页设计师，只有非常有限的编程技能。我试图理解Vaadin是如何工作的，以及如何创建新的主题，但我对如何开始有点迷茫。我试着在互联网上读一本“v
浏览 2提问于2014-12-03得票数 1
1回答
目标更新-主题需要Vaadin 7.1或更高版本
maven、intellij-idea、vaadin、vaadin7
我所要做的就是扩展现有的Vaadin主题"Valo“。@Theme("myTheme")public class MyUI extends UI {}
我在src/main/webapp/VAADIN/ styles.scss我想这是因为scss文件需要编译。为
浏览 1提问于2015-12-18得票数 2
2回答
日历，以Vaadin 8为单位
java、vaadin
我试图用Vaadin构建一个应用程序。我注意到日历组件没有包含在vaadin 8中。是否可以以某种方式使用Vaadin 8中的日历？
浏览 4提问于2017-05-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
