feat(purgecss-webpack-plugin): load config file automatically #767

Author: Ffloriel

packages/purgecss-webpack-plugin/__tests__/cases/simple/purgecss.config.js

@@ -0,0 +1,22 @@
+const path = require("path");
+const glob = require("glob");
+
+const customExtractor = (content) => {
+  const res = content.match(/[A-z0-9-:/]+/g) || [];
+  return res;
+};
+
+const PATHS = {
+  src: path.join(__dirname, "src"),
+};
+
+module.exports = {
+  paths: glob.sync(`${PATHS.src}/*`),
+  safelist: ["safelisted"],
+  extractors: [
+    {
+      extractor: customExtractor,
+      extensions: ["html", "js"],
+    },
+  ],
+}

packages/purgecss-webpack-plugin/__tests__/cases/simple/webpack.config.js

@@ -1,17 +1,6 @@
-const path = require("path");
-const glob = require("glob");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const { PurgeCSSPlugin } = require("../../../src/");
 
-const customExtractor = (content) => {
-  const res = content.match(/[A-z0-9-:/]+/g) || [];
-  return res;
-};
-
-const PATHS = {
-  src: path.join(__dirname, "src"),
-};
-
 module.exports = {
   mode: "development",
   devtool: "source-map",
@@ -41,15 +30,6 @@ module.exports = {
     new MiniCssExtractPlugin({
       filename: "[name].css",
     }),
-    new PurgeCSSPlugin({
-      paths: glob.sync(`${PATHS.src}/*`),
-      safelist: ["safelisted"],
-      extractors: [
-        {
-          extractor: customExtractor,
-          extensions: ["html", "js"],
-        },
-      ],
-    }),
+    new PurgeCSSPlugin({}),
   ],
 };

packages/purgecss-webpack-plugin/src/index.ts

@@ -2,9 +2,9 @@ import * as fs from "fs";
 import * as path from "path";
 import {
   PurgeCSS,
-  defaultOptions,
   ResultPurge,
   UserDefinedOptions as PurgeCSSUserDefinedOptions,
+  defaultOptions,
 } from "purgecss";
 import { Compilation, Compiler, sources } from "webpack";
 import { PurgedStats, UserDefinedOptions } from "./types";
@@ -128,7 +128,19 @@ export class PurgeCSSPlugin {
   }
 
   initializePlugin(compilation: Compilation): void {
-    compilation.hooks.additionalAssets.tapPromise(pluginName, () => {
+    compilation.hooks.additionalAssets.tapPromise(pluginName, async () => {
+      let configFileOptions: UserDefinedOptions | undefined;
+      try {
+        const t = path.resolve(process.cwd(), "purgecss.config.js");
+        configFileOptions = await import(t);
+      } catch {
+        // no config file present
+      }
+      this.options = {
+        ...(configFileOptions ? configFileOptions : {}),
+        ...this.options,
+      };
+
       const entryPaths =
         typeof this.options.paths === "function"
           ? this.options.paths()