Sightly組件忽略我的clientLib（不包括css鏈接）

我使用的示例來自：blogs.adobe.com 但我的輸出html文件不包含指向我的css文件的鏈接。Sightly組件忽略我的clientLib（不包括css鏈接）

boilerplateSightlyPage.html：

<html> 
<sly data-sly-include="head.html" data-sly-unwrap /> 
<sly data-sly-include="/libs/wcm/core/components/init/init.jsp" data-sly-unwrap /> 
<body> 
    <div data-sly-test="${wcmmode.edit}"> 
     <!--/* Show only in edit (author) mode */--> 
     <h1>Simple Page Component Using Sightly</h1> 
    </div> 

    <div class="flex-row"> 
     <div class="col-half">First column</div> 
     <div class="col-half">Second column</div> 
    </div> 

<div data-sly-resource="${@path='par',resourceType='wcm/foundation/components/parsys'}"></div> 
</body> 
</html>

head.html：

<head> 
<meta http-equiv=」content-type」 content=」text/html; charset=UTF-8」 /> 
<sly data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html" 
    data-sly-call="${clientlib.css @ categories='alexpi, flex'}"/> 

<title>${currentPage.title}</title> 
</head>

clientLib：
的/ etc /設計/ alexpi訓練/ clientLib
屬性：
JCR：primaryType（名稱）cq：ClientLibraryFolder
類別（String []）alexpi，flex

css.txt：

#base=css 
flex.css 
first.css

CSS文件的位置：
/etc/designs/alexpi-training/clientLib/css/first.css
的/ etc /設計/ alexpi培訓/ clientLib/CSS/flex.css

我看 'head.html' 被列入：

<head> 
<meta http-equiv="」content-type」" content="」text/html;" charset="UTF-8」"> 
<title>AP empty sightly page with clienlib</title> 

<link rel="stylesheet"href="/libs/cq/gui/components/authoring/clientlibs/page.css" type="text/css"> 
<script type="text/javascript" src="/libs/granite/author/deviceemulator/clientlibs.js"></script> 
<script type="text/javascript" src="/libs/cq/gui/components/authoring/clientlibs/page.js"></script> 
</head>

來源

2017-04-03 Alex Pilugin

我覺得你的問題可能與多個類別進行連接。例如在'flex'之前，你的clientlib定義中可能有一些空白字符。要檢查嘗試刪除其中一個類別，然後只包含一個類別。 – rzasap

到經由傳遞數組option你需要使用${myVar @ optName=[myVar, 'string']}語法，read here

在head.html：

<sly data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html" 
    data-sly-call="${clientlib.css @ categories=['alexpi', 'flex']}"/>

注：categories=['alexpi', 'flex']

來源

2017-04-06 01:29:24

Sightly組件忽略我的clientLib（不包括css鏈接）

回答

相關問題