Example

You can see an example here.

Created with create-react-app

This example shows how to set up Purgecss with create-react-app template. Once you initialized your project with npx create-react-app app, install the webpack plugin for purgecss:

npm i --save-dev glob-all purgecss-webpack-plugin

You need to modify the file webpack.prop.conf.js by adding the following code:

line 16

// import Purgecss webpack plugin and glob-all
const PurgecssPlugin = require('purgecss-webpack-plugin')
const glob = require('glob-all')

line 293

// Remove unused css with Purgecss. See https://github.com/FullHuman/purgecss
// for more information about purgecss.
// Specify the path of the html files and source files
new PurgecssPlugin({
paths: [paths.appHtml, ...glob.sync(`${paths.appSrc}/*`)]
}),

Results

This example is importing the bootstrap css framework. Without purgecss, the base css file size is 138 kB. Using purgecss, the base css file size is 4 kB