Question

我想在我的JavaEE项目中集成lesscss，以便自定义我的facelets组件。我确实遵循了许多指南，我从Lesscss.org下载了less.js，我把它放在js文件夹下，它位于资源文件夹下。然后我创建了一个较少的文件，如下所示：

.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浏览器。但是，当我在我的较少文件中添加一个较小的变量时：

@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.

任何人帮忙PLZ？

Answer 1

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

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

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

1 个答案: