Gridsome purgecss-plugin

index.js

const fs = require('mz/fs')
const hirestime = require('hirestime')
const Purgecss = require('purgecss')

class PurgecssPlugin {
  static defaultOptions () {
    return {}
  }

  constructor (api, originalOptions) {
    api.afterBuild(async ({ queue, config: { assetsDir } }) => {
      const time = hirestime()

      const options = {
        ...originalOptions,
        content: [
          `${assetsDir}/**/*.html`,
          `${assetsDir}/**/*.js`,
          ...queue.map(page => page.htmlOutput)
        ],
        css: [`${assetsDir}/**/*.css`],
        rejected: true
      }

      const result = new Purgecss(options).purge()

      for (const { file, css } of result) {
        await fs.writeFile(file, css)
      }

      const numRejected = result.reduce((acc, { rejected }) => acc + rejected.length, 0)

      console.info(
        `Purge CSS (${result.length} stylesheets` +
        `, ${numRejected} selectors rejected)` +
        ` - ${time(hirestime.S)}s`
      )
    })
  }
}

module.exports = PurgecssPlugin