update example

- update example with custom extractor

Author: Ffloriel

examples/simple/dist/bundle.js

@@ -84,6 +84,7 @@ function component() {
   element.innerHTML = __WEBPACK_IMPORTED_MODULE_0_lodash___default.a.join(['Hello', 'webpack'], ' ')
   element.classList.add('hello')
   element.classList.add('whitelisted')
+  element.classList.add('md:w-2/3')
   return element
 }
 

examples/simple/dist/main.css

@@ -5,3 +5,7 @@
 .whitelisted {
   color: green;
 }
+
+md\:w-2\/3 {
+  color: red;
+}

examples/simple/src/index.js

@@ -9,6 +9,7 @@ function component() {
   element.innerHTML = _.join(['Hello', 'webpack'], ' ')
   element.classList.add('hello')
   element.classList.add('whitelisted')
+  element.classList.add('md:w-2/3')
   return element
 }
 

examples/simple/src/style.css

@@ -9,3 +9,7 @@
 .whitelisted {
   color: green;
 }
+
+md\:w-2\/3 {
+  color: red;
+}

examples/simple/webpack.config.js

@@ -3,6 +3,12 @@ const glob = require('glob')
 const ExtractTextPlugin = require('extract-text-webpack-plugin')
 const PurgecssPlugin = require('../../')
 
+class CustomExtractor {
+  static extract(content) {
+    return content.match(/[A-z0-9-:/]+/g)
+  }
+}
+
 const PATHS = {
   src: path.join(__dirname, 'src')
 }
@@ -29,7 +35,13 @@ module.exports = {
     new PurgecssPlugin({
       paths: glob.sync(`${PATHS.src}/*`),
       styleExtensions: ['.css'],
-      whitelist: ['whitelisted']
+      whitelist: ['whitelisted'],
+      extractors: [
+        {
+          extractor: CustomExtractor,
+          extensions: ['html', 'js']
+        }
+      ]
     })
   ]
 }