fix: cssnano types (#147)

Author: alexander-akait

package-lock.json

@@ -56,7 +56,6 @@
     }
   },
   "dependencies": {
-    "@types/cssnano": "^4.0.1",
     "cssnano": "^5.0.6",
     "jest-worker": "^27.0.2",
     "postcss": "^8.3.5",
@@ -71,7 +70,7 @@
     "@commitlint/cli": "^15.0.0",
     "@commitlint/config-conventional": "^15.0.0",
     "@types/clean-css": "^4.2.5",
-    "@types/csso": "^4.2.0",
+    "@types/csso": "^5.0.0",
     "@types/serialize-javascript": "^5.0.1",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
     "babel-jest": "^27.0.6",

package.json

@@ -22,13 +22,18 @@ const { minify } = require("./minify");
 /** @typedef {import("webpack").WebpackError} WebpackError */
 /** @typedef {import("jest-worker").Worker} JestWorker */
 /** @typedef {import("source-map").RawSourceMap} RawSourceMap */
-/** @typedef {import("cssnano").CssNanoOptions} CssNanoOptions */
 /** @typedef {import("webpack").Asset} Asset */
 /** @typedef {import("postcss").ProcessOptions} ProcessOptions */
 /** @typedef {import("postcss").Syntax} Syntax */
 /** @typedef {import("postcss").Parser} Parser */
 /** @typedef {import("postcss").Stringifier} Stringifier */
 
+/**
+ * @typedef {Object} CssNanoOptions
+ * @property {string} [configFile]
+ * @property {[string, object] | string | undefined} [preset]
+ */
+
 /** @typedef {Error & { plugin?: string, text?: string, source?: string } | string} Warning */
 
 /**

src/index.js

@@ -5,7 +5,6 @@
 /** @typedef {import("./index.js").CustomOptions} CustomOptions */
 /** @typedef {import("postcss").ProcessOptions} ProcessOptions */
 /** @typedef {import("postcss").Postcss} Postcss */
-/** @typedef {import("cssnano")} CssNano */
 
 const notSettled = Symbol(`not-settled`);
 
@@ -167,6 +166,7 @@ async function cssnanoMinify(
   /** @type {Postcss} */
   // eslint-disable-next-line global-require
   const postcss = require("postcss").default;
+  // @ts-ignore
   // eslint-disable-next-line global-require
   const cssnano = require("cssnano");
   // @ts-ignore

src/utils.js

@@ -74,12 +74,12 @@ declare namespace CssMinimizerPlugin {
     WebpackError,
     JestWorker,
     RawSourceMap,
-    CssNanoOptions,
     Asset,
     ProcessOptions,
     Syntax,
     Parser,
     Stringifier,
+    CssNanoOptions,
     Warning,
     WarningObject,
     ErrorObject,
@@ -133,12 +133,15 @@ type Compilation = import("webpack").Compilation;
 type WebpackError = import("webpack").WebpackError;
 type JestWorker = import("jest-worker").Worker;
 type RawSourceMap = import("source-map").RawSourceMap;
-type CssNanoOptions = import("cssnano").CssNanoOptions;
 type Asset = import("webpack").Asset;
 type ProcessOptions = import("postcss").ProcessOptions;
 type Syntax = import("postcss").Syntax;
 type Parser = import("postcss").Parser;
 type Stringifier = import("postcss").Stringifier;
+type CssNanoOptions = {
+  configFile?: string | undefined;
+  preset?: [string, object] | string | undefined;
+};
 type Warning =
   | (Error & {
       plugin?: string;

types/index.d.ts

@@ -6,9 +6,6 @@ export type MinimizedResult = import("./index.js").MinimizedResult;
 export type CustomOptions = import("./index.js").CustomOptions;
 export type ProcessOptions = import("postcss").ProcessOptions;
 export type Postcss = import("postcss").Postcss;
-export type CssNano = import("cssnano/node_modules/postcss").Plugin<
-  import("cssnano").CssNanoOptions
->;
 /**
  * @template T
  * @typedef {() => Promise<T>} Task