By default, PrimeFaces will return total of four files, 2 css files and 2 Javascript files.


<link type="text/css" rel="stylesheet" 
href="/primefaces/faces/javax.faces.resource/theme.css?ln=primefaces-aristo" />
<link type="text/css" rel="stylesheet" 
href="/primefaces/faces/javax.faces.resource/primefaces.css?ln=primefaces" />

<script type="text/javascript" 
src="/primefaces/faces/javax.faces.resource/jquery/jquery.js?ln=primefaces"></script>
<script type="text/javascript" 
src="/primefaces/faces/javax.faces.resource/primefaces.js?ln=primefaces"></script>

Some people don’t like the default PrimeFaces CSS file and wonder how to remove it?

Solution

You are allow to remove only the theme.css file by following settings in web.xml.


  <context-param>
    <param-name>primefaces.THEME</param-name>
    <param-value>none</param-value>
  </context-param>

See output :


<link type="text/css" rel="stylesheet" 
href="/primefaces/faces/javax.faces.resource/primefaces.css?ln=primefaces" />

<script type="text/javascript" 
src="/primefaces/faces/javax.faces.resource/jquery/jquery.js?ln=primefaces"></script>
<script type="text/javascript" 
src="/primefaces/faces/javax.faces.resource/primefaces.js?ln=primefaces"></script>
Note
Instead of remove the theme.css, you really should consider create a custom theme in PrimeFaces.

Any Idea?

I don’t want hacks the code and still thinking an easy way to remove the rest of the js and css files, do comment if you know how, thanks.

Reference

  1. Remove all Styling from PrimeFaces Components