Last updated 8 months ago


You can see an example here.

Created with vue-cli

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

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

You need to modify the file by adding the following code:

line 13

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

line 58

// Remove unused CSS using purgecss. See
// for more information about purgecss.
new PurgecssPlugin({
paths: glob.sync([
path.join(__dirname, './../src/index.html'),
path.join(__dirname, './../**/*.vue'),
path.join(__dirname, './../src/**/*.js')


This example is importing the bootstrap css framework. Without purgecss, the css file size is 117 kB. Using purgecss, the css file size is 2.98 kB