@novlan/postcss-plugin-remove-selector 0.1.2 → 0.1.3

package/lib/index.d.ts

@@ -1,2 +1,3 @@
 export * from './plugin';
 export { TDESIGN_ICON_REMOVE_SELECTOR } from './tdesign-uniapp-icon';
+export { postCssPluginRemoveSelector as default } from './plugin';

package/lib/index.js

@@ -48,46 +48,70 @@ function shouldRemoveRule(options) {
     return false;
 }
 
+const PLUGIN_NAME = 'postcss-plugin-remove-selector';
+/**
+ * 核心处理逻辑，PostCSS 7 / 8 共用
+ */
+function processRoot(root, result, opts) {
+    const { list = [], debug = false } = opts;
+    const fileName = result.opts?.from || '';
+    const found = shouldHandleFile(list, fileName);
+    if (!found) {
+        return;
+    }
+    const { exclude = [], include = [], selectorPattern } = found;
+    if (debug) {
+        console.log('[postcss-plugin-remove-selector] handling:', fileName);
+    }
+    let removedCount = 0;
+    root.walkRules((rule) => {
+        if (shouldRemoveRule({
+            selectorPattern,
+            exclude,
+            include,
+            selector: rule.selector,
+        })) {
+            rule.remove();
+            removedCount += 1;
+        }
+    });
+    if (debug) {
+        console.log(`[postcss-plugin-remove-selector] removed ${removedCount} rules from:`, fileName);
+    }
+}
 /**
  * PostCSS 插件：移除指定的 CSS 选择器
  * 用于图标样式减包等场景
  *
+ * 同时兼容 PostCSS 7 和 PostCSS 8：
+ * - PostCSS 8：使用标准 Creator 函数格式 + postcss: true 标记
+ * - PostCSS 7：回退到 postcss.plugin() 注册方式
+ *
  * @param opts 配置项
  * @returns PostCSS 插件
  */
-function postCssPluginRemoveSelector(opts = { list: [] }) {
-    const { list = [], debug = false } = opts;
-    const plugin = {
-        postcssPlugin: 'postcss-plugin-remove-selector',
-        postcss: true,
-        Once(root, { result }) {
-            const fileName = result.opts?.from || '';
-            const found = shouldHandleFile(list, fileName);
-            if (!found) {
-                return;
-            }
-            const { exclude = [], include = [], selectorPattern } = found;
-            if (debug) {
-                console.log('[postcss-plugin-remove-selector] handling:', fileName);
-            }
-            let removedCount = 0;
-            root.walkRules((rule) => {
-                if (shouldRemoveRule({
-                    selectorPattern,
-                    exclude,
-                    include,
-                    selector: rule.selector,
-                })) {
-                    rule.remove();
-                    removedCount += 1;
-                }
-            });
-            if (debug) {
-                console.log(`[postcss-plugin-remove-selector] removed ${removedCount} rules from:`, fileName);
-            }
-        },
-    };
-    return plugin;
+const postCssPluginRemoveSelector = (opts = { list: [] }) => 
+// PostCSS 8 格式
+({
+    postcssPlugin: PLUGIN_NAME,
+    Once(root, { result }) {
+        processRoot(root, result, opts);
+    },
+});
+// 标记为 PostCSS 8 插件
+postCssPluginRemoveSelector.postcss = true;
+// PostCSS 7 兼容：通过 postcss.plugin() 注册
+try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const postcss = require('postcss');
+    if (postcss && typeof postcss.plugin === 'function') {
+        postCssPluginRemoveSelector.postcss7 = postcss.plugin(PLUGIN_NAME, (opts = { list: [] }) => (root, result) => {
+            processRoot(root, result, opts);
+        });
+    }
+}
+catch (e) {
+    // postcss 未安装或不支持 postcss.plugin，忽略
 }
 
 /**
@@ -178,6 +202,7 @@ const TDESIGN_ICON_REMOVE_SELECTOR = {
 };
 
 exports.TDESIGN_ICON_REMOVE_SELECTOR = TDESIGN_ICON_REMOVE_SELECTOR;
+exports["default"] = postCssPluginRemoveSelector;
 exports.extractIconName = extractIconName;
 exports.postCssPluginRemoveSelector = postCssPluginRemoveSelector;
 exports.shouldHandleFile = shouldHandleFile;

package/lib/plugin.d.ts

@@ -1,13 +1,15 @@
-import type { Options, PostCSSPlugin } from './types';
-export type { Options, FileConfig, ShouldRemoveRuleOptions, PostCSSPlugin } from './types';
+export type { Options, FileConfig, ShouldRemoveRuleOptions } from './types';
 export { shouldHandleFile, shouldRemoveRule, extractIconName } from './helper';
 /**
  * PostCSS 插件：移除指定的 CSS 选择器
  * 用于图标样式减包等场景
  *
+ * 同时兼容 PostCSS 7 和 PostCSS 8：
+ * - PostCSS 8：使用标准 Creator 函数格式 + postcss: true 标记
+ * - PostCSS 7：回退到 postcss.plugin() 注册方式
+ *
  * @param opts 配置项
  * @returns PostCSS 插件
  */
-export declare function postCssPluginRemoveSelector(opts?: Options): PostCSSPlugin & {
-    postcss: true;
-};
+declare const postCssPluginRemoveSelector: any;
+export { postCssPluginRemoveSelector };

package/lib/types.d.ts

@@ -1,4 +1,3 @@
-import type { Root, Result } from 'postcss';
 /**
  * 单个文件匹配配置
  */
@@ -34,12 +33,3 @@ export interface ShouldRemoveRuleOptions {
     /** 当前选择器 */
     selector: string;
 }
-/**
- * PostCSS 插件返回类型
- */
-export interface PostCSSPlugin {
-    postcssPlugin: string;
-    Once(root: Root, helpers: {
-        result: Result;
-    }): void;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@novlan/postcss-plugin-remove-selector",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "homepage": "https://novlan1.github.io/plugins/zh/postcss-plugin-remove-selector.html",
   "bugs": {
     "url": "https://github.com/novlan1/plugins/issues"
@@ -18,7 +18,7 @@
   ],
   "dependencies": {},
   "peerDependencies": {
-    "postcss": "^8.0.0"
+    "postcss": "^7.0.0 || ^8.0.0"
   },
   "publishConfig": {
     "access": "public",