title: How to configure PurgeCSS for vue-cli-3 projects with TailwindCSS? (including responsive classes)
body: <p>I'm trying to deploy a vue-cli-3 project. I used TailwindCSS and created a <code>vue.config.js</code> file and it's working, but responsive classes are not being included. I searched about a regex, using a extractor in a webpack.config.js file but it didn't work. What should I do to have this working?</p>
  
  <p>Here's my <code>vue.config.js</code> file</p>
  
  <pre><code>const PurgecssPlugin = require('purgecss-webpack-plugin')
  const glob = require('glob-all')
  const path = require('path')
  
  module.exports = {
    configureWebpack: {
      // Merged into the final Webpack config
      plugins: [
        new PurgecssPlugin({
          paths: glob.sync([
            path.join(__dirname, './src/index.html'),
            path.join(__dirname, './**/*.vue'),
            path.join(__dirname, './src/**/*.js')
          ])
        })
      ]
    }
  }
  </code></pre>
  
  <p>Where should I put the extractor array?</p>