すべてのCSS/JS/画像リソースのドメイン名やコンテキストパスについて心配する必要はありません。
それ以外の
<link rel="stylesheet" href="//domain.com/context/resources/style/some.css" />
<script src="//domain.com/context/resources/script/some.js"></script>
<img src="//domain.com/context/resources/images/some.png" />
あるいは
<link rel="stylesheet" href="#{request.contextPath}/resources/style/some.css" />
<script src="#{request.contextPath}/resources/script/some.js"></script>
<img src="#{request.contextPath}/resources/images/some.png" />
または他の答えによって示唆されているように不器用に長くさえ
<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/style/some.css" />
<script src="#{facesContext.externalContext.requestContextPath}/resources/script/some.js"></script>
<img src="#{facesContext.externalContext.requestContextPath}/resources/images/some.png" />
あなたは実際に使用する必要があります
<h:outputStylesheet name="style/some.css" />
<h:outputScript name="script/some.js" />
<h:graphicImage name="images/some.png" />
そして、CSSの背景画像の場合、代わりに
.some {
background-image: url("../images/some.png");
}
あなたは実際に使用する必要があります
.some {
background-image: url("#{resource['images/some.png']}");
}
参照: