我想在我的 less 文件中使用变量，但它不起作用

Question

我想在我的 JavaEE 项目中集成 lesscss 以自定义我的 facelets 组件。我确实遵循了很多指南，我从 Lesscss.org 下载了 less.js 并将其放在 js 文件夹下，或者在 resources 文件夹下。然后我创建了一个 less 文件如下：

.shape{
display:inline-block;
width:200px;
height:200px;
background:#ddf;
margin:20px;}

这是我在 index.xhtml

中调用它的地方

 <div class="shape" id="shape1"></div>
                        <div class="shape" id="shape2"></div>
                         <div class="shape" id="shape3"></div> 

                <rich:panel  styleClass="shape" style="float:left; width:200px; padding:5px;">
                <f:facet name="header">
                        <h:panelGroup>
                             <h:outputText value="gfhgfh" style="font-weight:bold" />
                        </h:panelGroup>
                    </f:facet>
                   <h:panelGrid columns="2">
                        <h:outputText value="State Capital :" style="font-weight:bold" />
                        <h:outputText value="#fghfghf" />
                        <h:outputText value="State TimeZone :" style="font-weight:bold" />
                        <h:outputText value="fezgzeg" />
                    </h:panelGrid>
                </rich:panel>

以上代码适用于 Mozilla 浏览器。但是，当我在 less 文件中放置一个 less 变量时，例如：

@lightBlue:#ddf;
.shape{
display:inline-block;
width:200px;
height:200px;
background:@lightBlue;
margin:20px;

}

它不起作用，没有任何显示。顺便说一下。我的 apacheTomcat 中总是有这个错误。

ATTENTION: JSF1091 : Aucun type mime détecté pour le fichier style.less.  Pour résoudre ce problème, ajoutez un mappage mime-type au fichier web.xml de l’application.

有人帮忙吗？？

Answer 1

在您的项目 web.xml 中添加 LESS 文件 mime 类型。

<mime-mapping>
  <extension>less</extension>
  <mime-type>stylesheet/less</mime-type>
</mime-mapping>

我想在我的 less 文件中使用变量，但它不起作用

I want to work with variables in my less file but it didn't work

xhtml

less

jsf-2

jakarta-ee