如何为指定页面添加/移除PrimeFaces头部CSS与JavaScript？

针对你的场景，有两个直接可行的方案，按需选择：

方案一：自定义HeadRenderer动态切换渲染逻辑 #

编写一个自定义的Head渲染器，根据当前访问的页面决定是否触发PrimeFaces的资源加载逻辑：

1. 创建自定义HeadRenderer类

package com.yourpackage.renderers;

import com.sun.faces.renderkit.html_basic.HeadRenderer;
import org.primefaces.renderkit.HeadRenderer;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import java.io.IOException;

public class DynamicHeadRenderer extends HeadRenderer {

    private final org.primefaces.renderkit.HeadRenderer pfHeadRenderer = new org.primefaces.renderkit.HeadRenderer();

    @Override
    public void encodeBegin(FacesContext context, UIComponent component) throws IOException {
        String viewId = context.getViewRoot().getViewId();
        // 仅对page2.xhtml使用PrimeFaces的Head渲染逻辑
        if ("/page2.xhtml".equals(viewId)) {
            pfHeadRenderer.encodeBegin(context, component);
        } else {
            super.encodeBegin(context, component);
        }
    }

    @Override
    public void encodeEnd(FacesContext context, UIComponent component) throws IOException {
        String viewId = context.getViewRoot().getViewId();
        if ("/page2.xhtml".equals(viewId)) {
            pfHeadRenderer.encodeEnd(context, component);
        } else {
            super.encodeEnd(context, component);
        }
    }
}

2. 更新faces-config.xml配置，替换为自定义渲染器

<render-kit>
    <renderer>
        <component-family>javax.faces.Output</component-family>
        <renderer-type>javax.faces.Head</renderer-type>
        <renderer-class>com.yourpackage.renderers.DynamicHeadRenderer</renderer-class>
    </renderer>
</render-kit>

这个方案的优势是完全贴合PrimeFaces原生资源加载逻辑，能自动处理组件依赖的所有资源，不会遗漏。

方案二：在目标页面手动引入PrimeFaces核心资源 #

如果page2.xhtml使用的PrimeFaces组件不多，可以直接在页面的<h:head>里手动引入核心CSS和JS：

<h:head>
    <!-- 引入PrimeFaces核心样式 -->
    <h:outputStylesheet library="primefaces" name="primefaces.css" />
    <!-- 引入PrimeFaces核心脚本 -->
    <h:outputScript library="primefaces" name="primefaces.js" />
    <!-- 如果使用了特定组件（比如DataTable、Dialog等），需补充对应组件资源，例如： -->
    <!-- <h:outputStylesheet library="primefaces" name="datatable/datatable.css" /> -->
    <!-- <h:outputScript library="primefaces" name="datatable/datatable.js" /> -->
</h:head>

这个方案更轻量，但需要注意PrimeFaces版本兼容性，后续新增组件时要手动补充对应的资源文件。

内容的提问来源于stack exchange，提问作者mehmet cinar