Jakarta ee 我想处理less文件中的变量，但它没有'；行不通

我想在JavaEE项目中集成lesscs，以便定制我的facelets组件。 我确实遵循了很多指南，从Lesscss.org下载了less.js，并将其放在js文件夹下，该文件夹位于resources文件夹下。然后我创建了一个更少的文件，如下所示：

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

}

它不起作用，什么也不显示。顺便说一下。在我的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.

---

有人需要帮忙吗

在项目中的web.xml中添加较少的文件mime类型

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

较少的
样式表/更少

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