function for path to evaluate on each compilation

SebastianS90 · SebastianS90 · commit 2d1b10885283 · 2017-12-31T21:22:08.000+01:00
Useful when running webpack with `--watch`
diff --git a/README.md b/README.md
@@ -77,6 +77,13 @@ new PurgecssPlugin({
 })
 ```
 
+If you want to regenerate the paths list on every compilation (e.g. with `--watch`), then you can also pass a function:
+```js
+new PurgecssPlugin({
+  paths: () => glob.sync(`${PATHS.src}/*`)
+})
+```
+
 * #### only
 
 You can specify entrypoints to the purgecss-webpack-plugin with the option only:
diff --git a/__tests__/__snapshots__/webpack-integration.test.js.snap b/__tests__/__snapshots__/webpack-integration.test.js.snap
@@ -44,3 +44,18 @@ exports[`Webpack Integration Tests simple-with-exclusion 2`] = `
 }
 "
 `;
+
+exports[`Webpack Integration Tests simple-with-paths-function 1`] = `
+".hello {
+  color: red;
+}
+
+.whitelisted {
+  color: green;
+}
+
+md\\\\:w-2\\\\/3 {
+  color: red;
+}
+"
+`;
diff --git a/__tests__/cases/simple-with-paths-function/expected/style.css b/__tests__/cases/simple-with-paths-function/expected/style.css
@@ -0,0 +1,11 @@
+.hello {
+  color: red;
+}
+
+.whitelisted {
+  color: green;
+}
+
+md\:w-2\/3 {
+  color: red;
+}
diff --git a/__tests__/cases/simple-with-paths-function/src/content.html b/__tests__/cases/simple-with-paths-function/src/content.html
@@ -0,0 +1,13 @@
+<html>
+
+<head>
+  <title>Purgecss webpack test</title>
+</head>
+
+<body>
+  <div class="md:w-2/3"></div>
+  <div class="hello"></div>
+  <div></div>
+</body>
+
+</html>
diff --git a/__tests__/cases/simple-with-paths-function/src/index.js b/__tests__/cases/simple-with-paths-function/src/index.js
@@ -0,0 +1 @@
+import './../style.css'
diff --git a/__tests__/cases/simple-with-paths-function/style.css b/__tests__/cases/simple-with-paths-function/style.css
@@ -0,0 +1,15 @@
+.hello {
+  color: red;
+}
+
+.unused {
+  color: blue;
+}
+
+.whitelisted {
+  color: green;
+}
+
+md\:w-2\/3 {
+  color: red;
+}
diff --git a/__tests__/cases/simple-with-paths-function/webpack.config.js b/__tests__/cases/simple-with-paths-function/webpack.config.js
@@ -0,0 +1,41 @@
+const path = require('path')
+const glob = require('glob')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const PurgecssPlugin = require('../../../src/').default
+
+class CustomExtractor {
+  static extract(content) {
+    return content.match(/[A-z0-9-:/]+/g)
+  }
+}
+
+const PATHS = {
+  src: path.join(__dirname, 'src')
+}
+
+module.exports = {
+  entry: './src/index.js',
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: ExtractTextPlugin.extract({
+          use: 'css-loader?sourceMap'
+        })
+      }
+    ]
+  },
+  plugins: [
+    new ExtractTextPlugin('style.css'),
+    new PurgecssPlugin({
+      paths: () => glob.sync(`${PATHS.src}/*`),
+      whitelist: ['whitelisted'],
+      extractors: [
+        {
+          extractor: CustomExtractor,
+          extensions: ['html', 'js']
+        }
+      ]
+    })
+  ]
+}
diff --git a/src/parse.js b/src/parse.js
@@ -1,9 +1,13 @@
 export const entryPaths = paths => {
-    const ret = paths || []
+    let ret = paths || []
+
+    if (typeof ret === 'function') {
+        ret = ret();
+    }
 
     // Convert possible string to an array
     if (typeof ret === 'string') {
-        return [ret]
+        ret = [ret]
     }
 
     return ret
