vite-plugin-uni-tailwind-processor 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,57 @@
+import { Plugin } from 'vite';
+import { WatchOptions } from 'chokidar';
+
+/**
+ * 调用插件传入的配置
+ */
+interface IUniTailwind extends IWatcherOptions {
+    projectPath: string;
+    inputPath: string;
+    outputPath: string;
+}
+/**
+ * 生成tailwindcss参数
+ */
+interface IGenerateTailwindOptions {
+    tailwindCssPath: string;
+}
+/**
+ * 清理css配置项
+ */
+interface ICleanCSSOptions {
+    disposeCssPath: string;
+    scriptPath: string;
+}
+/**
+ * 监听配置项
+ */
+interface IWatcherOptions extends WatchOptions {
+    watcherPaths: string[];
+}
+/**
+ * 适配策略
+ */
+interface IUniTailwindStrategy {
+    options: IUniTailwind;
+    /**
+     * 生成 tailwindcss 的规则类名，
+     * @param options
+     * @returns 成功或失败
+     */
+    generateTailwindCss: (options: IGenerateTailwindOptions) => Promise<boolean>;
+    /**
+     * 清除小程序不识别的 css 样式
+     * @param options
+     * @returns 成功或失败
+     */
+    cleanCss: (options: ICleanCSSOptions) => Promise<boolean>;
+    /**
+     * 判断一个路径是否为输入路径
+     * @param path
+     */
+    isInputPath(path: string): boolean;
+}
+
+declare function viteUniTailwindProcessor(options: IUniTailwind, strategy?: new (options: IUniTailwind) => IUniTailwindStrategy): Plugin;
+
+export { viteUniTailwindProcessor as default };

package/dist/index.d.ts

@@ -0,0 +1,57 @@
+import { Plugin } from 'vite';
+import { WatchOptions } from 'chokidar';
+
+/**
+ * 调用插件传入的配置
+ */
+interface IUniTailwind extends IWatcherOptions {
+    projectPath: string;
+    inputPath: string;
+    outputPath: string;
+}
+/**
+ * 生成tailwindcss参数
+ */
+interface IGenerateTailwindOptions {
+    tailwindCssPath: string;
+}
+/**
+ * 清理css配置项
+ */
+interface ICleanCSSOptions {
+    disposeCssPath: string;
+    scriptPath: string;
+}
+/**
+ * 监听配置项
+ */
+interface IWatcherOptions extends WatchOptions {
+    watcherPaths: string[];
+}
+/**
+ * 适配策略
+ */
+interface IUniTailwindStrategy {
+    options: IUniTailwind;
+    /**
+     * 生成 tailwindcss 的规则类名，
+     * @param options
+     * @returns 成功或失败
+     */
+    generateTailwindCss: (options: IGenerateTailwindOptions) => Promise<boolean>;
+    /**
+     * 清除小程序不识别的 css 样式
+     * @param options
+     * @returns 成功或失败
+     */
+    cleanCss: (options: ICleanCSSOptions) => Promise<boolean>;
+    /**
+     * 判断一个路径是否为输入路径
+     * @param path
+     */
+    isInputPath(path: string): boolean;
+}
+
+declare function viteUniTailwindProcessor(options: IUniTailwind, strategy?: new (options: IUniTailwind) => IUniTailwindStrategy): Plugin;
+
+export { viteUniTailwindProcessor as default };

package/dist/index.js

@@ -0,0 +1,244 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => viteUniTailwindProcessor
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/strategys/BaseStrategyAbstract.ts
+var import_child_process = require("child_process");
+var BaseStrategyAbstract = class {
+  /**
+   *
+   * @param options 初始化
+   */
+  constructor(options) {
+    this.options = options;
+  }
+  isInputPath(filePath) {
+    return this.options.inputPath === filePath || filePath.startsWith(this.options.inputPath);
+  }
+  /**
+   * 执行cmd指令
+   * @param command 指令
+   * @param args 参数
+   * @param options 配置项
+   */
+  runCmd(command, args, options) {
+    return new Promise((resolve, reject) => {
+      const subProcess = (0, import_child_process.spawn)(command, args, {
+        cwd: this.options.projectPath,
+        shell: true,
+        stdio: "inherit",
+        ...options
+      });
+      subProcess.on("error", (err) => {
+        reject(new Error(`\u8FDB\u7A0B\u542F\u52A8\u5931\u8D25\uFF1A${err.message}`));
+      });
+      if (args.includes("--watch")) {
+        subProcess.stderr?.on("data", () => {
+          resolve(true);
+        });
+      } else {
+        subProcess.on("close", (code) => {
+          if (code === 0) {
+            resolve(true);
+          } else {
+            reject(new Error(`\u547D\u4EE4\u6267\u884C\u5931\u8D25\uFF0C\u9000\u51FA\u7801\uFF1A${code}`));
+          }
+        });
+      }
+    });
+  }
+};
+
+// src/strategys/DefaultStrategy.ts
+var import_path = __toESM(require("path"));
+var import_promises = __toESM(require("fs/promises"));
+var DefaultStrategy = class extends BaseStrategyAbstract {
+  constructor(options) {
+    super(options);
+    this.options = options;
+  }
+  generateTailwindCss(options) {
+    import_promises.default.writeFile(this.options.outputPath, "");
+    return this.runCmd(
+      "npx",
+      [
+        "tailwindcss",
+        "-i",
+        this.options.inputPath,
+        "-o",
+        options.tailwindCssPath,
+        "--optimize-for-compatibility"
+      ],
+      {
+        stdio: "pipe"
+      }
+    );
+  }
+  async cleanCss(options) {
+    try {
+      await this.runCmd("node", [options.scriptPath]);
+      await copyFile(options.disposeCssPath, this.options.outputPath);
+    } catch (err) {
+      throw err;
+    }
+    return true;
+  }
+};
+async function copyFile(sourcePath, targetPath) {
+  const absSource = import_path.default.resolve(sourcePath);
+  const absTarget = import_path.default.resolve(targetPath);
+  const targetDir = import_path.default.dirname(absTarget);
+  await import_promises.default.mkdir(targetDir, { recursive: true });
+  await import_promises.default.copyFile(absSource, absTarget);
+}
+
+// src/UniTailwindContext.ts
+var import_path2 = __toESM(require("path"));
+var defaultTailwindCssPath = import_path2.default.resolve(__dirname, "./cache/tailwindcss.css");
+var defaultScriptPath = import_path2.default.resolve(__dirname, "./script/clear-modern-css.js");
+var defaultDisposeCssPath = import_path2.default.resolve(__dirname, "./cache/dispose.css");
+var UniTailwindContext = class {
+  /**
+   * 初始化
+   * @param strategy 策略
+   */
+  constructor(strategy) {
+    this.strategy = strategy;
+  }
+  /**
+   * 生成 tailwindcss 的规则类名，
+   * @param options
+   * @returns 成功或失败
+   */
+  generateTailwindCss() {
+    return this.strategy.generateTailwindCss({
+      tailwindCssPath: defaultTailwindCssPath
+    });
+  }
+  /**
+   * 清除小程序不识别的 css 样式
+   * @param options
+   * @returns 成功或失败
+   */
+  clearCss() {
+    return this.strategy.cleanCss({
+      disposeCssPath: defaultDisposeCssPath,
+      scriptPath: defaultScriptPath
+    });
+  }
+  /**
+   * 运行整个处理流程
+   */
+  async buildTailwindCss() {
+    try {
+      await this.generateTailwindCss();
+      await this.clearCss();
+    } catch (error) {
+      const err = error;
+      console.error("\u274C \u6784\u5EFA\u5931\u8D25:", err.message);
+    }
+  }
+};
+
+// src/UniTailwindWatcher.ts
+var import_chokidar = __toESM(require("chokidar"));
+var import_path3 = __toESM(require("path"));
+var UniTailwindWatcher = class {
+  /**
+   * 初始化
+   * @param options 配置项
+   */
+  constructor(options) {
+    this.options = options;
+    this.options.watcherPaths = this.parserWatcherPaths(this.options.watcherPaths);
+    this.watcher = this.startWatch();
+  }
+  /**
+   * 处理监听路径，改为绝对路径
+   * @param watcherPaths 监听路径列表
+   * @returns 添加了绝对路径的列表
+   */
+  parserWatcherPaths(watcherPaths) {
+    return watcherPaths.map((watchPath) => import_path3.default.resolve(this.options.projectPath, watchPath));
+  }
+  /**
+   * 开启监听
+   * @returns 监听实例对象
+   */
+  startWatch() {
+    return import_chokidar.default.watch(this.options.watcherPaths, {
+      cwd: process.cwd(),
+      // 持续监听（退出进程才停止）
+      persistent: true,
+      // 忽略初始扫描（只监听后续变更）
+      ignoreInitial: true,
+      // 等待文件写入完成再触发（避免部分写入）
+      awaitWriteFinish: {
+        // 稳定时间（ms）
+        stabilityThreshold: 200,
+        // 轮询间隔（ms）
+        pollInterval: 100
+      },
+      ...this.options
+    });
+  }
+  on(eventName, listener) {
+    return this.watcher.on(eventName, listener);
+  }
+};
+
+// src/index.ts
+function viteUniTailwindProcessor(options, strategy) {
+  let useStrategy;
+  if (strategy) {
+    useStrategy = new strategy(options);
+  } else {
+    useStrategy = new DefaultStrategy(options);
+  }
+  const context = new UniTailwindContext(useStrategy);
+  const unitailwindWatcher = new UniTailwindWatcher(options);
+  unitailwindWatcher.on("change", () => context.buildTailwindCss());
+  let _buildStarted = false;
+  return {
+    name: "vite-uni-tailwind-Processor",
+    buildStart() {
+      if (_buildStarted) {
+        return;
+      }
+      _buildStarted = true;
+      context.buildTailwindCss();
+    }
+  };
+}

package/dist/index.mjs

@@ -0,0 +1,211 @@
+// src/strategys/BaseStrategyAbstract.ts
+import { spawn } from "child_process";
+var BaseStrategyAbstract = class {
+  /**
+   *
+   * @param options 初始化
+   */
+  constructor(options) {
+    this.options = options;
+  }
+  isInputPath(filePath) {
+    return this.options.inputPath === filePath || filePath.startsWith(this.options.inputPath);
+  }
+  /**
+   * 执行cmd指令
+   * @param command 指令
+   * @param args 参数
+   * @param options 配置项
+   */
+  runCmd(command, args, options) {
+    return new Promise((resolve, reject) => {
+      const subProcess = spawn(command, args, {
+        cwd: this.options.projectPath,
+        shell: true,
+        stdio: "inherit",
+        ...options
+      });
+      subProcess.on("error", (err) => {
+        reject(new Error(`\u8FDB\u7A0B\u542F\u52A8\u5931\u8D25\uFF1A${err.message}`));
+      });
+      if (args.includes("--watch")) {
+        subProcess.stderr?.on("data", () => {
+          resolve(true);
+        });
+      } else {
+        subProcess.on("close", (code) => {
+          if (code === 0) {
+            resolve(true);
+          } else {
+            reject(new Error(`\u547D\u4EE4\u6267\u884C\u5931\u8D25\uFF0C\u9000\u51FA\u7801\uFF1A${code}`));
+          }
+        });
+      }
+    });
+  }
+};
+
+// src/strategys/DefaultStrategy.ts
+import path from "path";
+import fs from "fs/promises";
+var DefaultStrategy = class extends BaseStrategyAbstract {
+  constructor(options) {
+    super(options);
+    this.options = options;
+  }
+  generateTailwindCss(options) {
+    fs.writeFile(this.options.outputPath, "");
+    return this.runCmd(
+      "npx",
+      [
+        "tailwindcss",
+        "-i",
+        this.options.inputPath,
+        "-o",
+        options.tailwindCssPath,
+        "--optimize-for-compatibility"
+      ],
+      {
+        stdio: "pipe"
+      }
+    );
+  }
+  async cleanCss(options) {
+    try {
+      await this.runCmd("node", [options.scriptPath]);
+      await copyFile(options.disposeCssPath, this.options.outputPath);
+    } catch (err) {
+      throw err;
+    }
+    return true;
+  }
+};
+async function copyFile(sourcePath, targetPath) {
+  const absSource = path.resolve(sourcePath);
+  const absTarget = path.resolve(targetPath);
+  const targetDir = path.dirname(absTarget);
+  await fs.mkdir(targetDir, { recursive: true });
+  await fs.copyFile(absSource, absTarget);
+}
+
+// src/UniTailwindContext.ts
+import path2 from "path";
+var defaultTailwindCssPath = path2.resolve(__dirname, "./cache/tailwindcss.css");
+var defaultScriptPath = path2.resolve(__dirname, "./script/clear-modern-css.js");
+var defaultDisposeCssPath = path2.resolve(__dirname, "./cache/dispose.css");
+var UniTailwindContext = class {
+  /**
+   * 初始化
+   * @param strategy 策略
+   */
+  constructor(strategy) {
+    this.strategy = strategy;
+  }
+  /**
+   * 生成 tailwindcss 的规则类名，
+   * @param options
+   * @returns 成功或失败
+   */
+  generateTailwindCss() {
+    return this.strategy.generateTailwindCss({
+      tailwindCssPath: defaultTailwindCssPath
+    });
+  }
+  /**
+   * 清除小程序不识别的 css 样式
+   * @param options
+   * @returns 成功或失败
+   */
+  clearCss() {
+    return this.strategy.cleanCss({
+      disposeCssPath: defaultDisposeCssPath,
+      scriptPath: defaultScriptPath
+    });
+  }
+  /**
+   * 运行整个处理流程
+   */
+  async buildTailwindCss() {
+    try {
+      await this.generateTailwindCss();
+      await this.clearCss();
+    } catch (error) {
+      const err = error;
+      console.error("\u274C \u6784\u5EFA\u5931\u8D25:", err.message);
+    }
+  }
+};
+
+// src/UniTailwindWatcher.ts
+import chokidar from "chokidar";
+import path3 from "path";
+var UniTailwindWatcher = class {
+  /**
+   * 初始化
+   * @param options 配置项
+   */
+  constructor(options) {
+    this.options = options;
+    this.options.watcherPaths = this.parserWatcherPaths(this.options.watcherPaths);
+    this.watcher = this.startWatch();
+  }
+  /**
+   * 处理监听路径，改为绝对路径
+   * @param watcherPaths 监听路径列表
+   * @returns 添加了绝对路径的列表
+   */
+  parserWatcherPaths(watcherPaths) {
+    return watcherPaths.map((watchPath) => path3.resolve(this.options.projectPath, watchPath));
+  }
+  /**
+   * 开启监听
+   * @returns 监听实例对象
+   */
+  startWatch() {
+    return chokidar.watch(this.options.watcherPaths, {
+      cwd: process.cwd(),
+      // 持续监听（退出进程才停止）
+      persistent: true,
+      // 忽略初始扫描（只监听后续变更）
+      ignoreInitial: true,
+      // 等待文件写入完成再触发（避免部分写入）
+      awaitWriteFinish: {
+        // 稳定时间（ms）
+        stabilityThreshold: 200,
+        // 轮询间隔（ms）
+        pollInterval: 100
+      },
+      ...this.options
+    });
+  }
+  on(eventName, listener) {
+    return this.watcher.on(eventName, listener);
+  }
+};
+
+// src/index.ts
+function viteUniTailwindProcessor(options, strategy) {
+  let useStrategy;
+  if (strategy) {
+    useStrategy = new strategy(options);
+  } else {
+    useStrategy = new DefaultStrategy(options);
+  }
+  const context = new UniTailwindContext(useStrategy);
+  const unitailwindWatcher = new UniTailwindWatcher(options);
+  unitailwindWatcher.on("change", () => context.buildTailwindCss());
+  let _buildStarted = false;
+  return {
+    name: "vite-uni-tailwind-Processor",
+    buildStart() {
+      if (_buildStarted) {
+        return;
+      }
+      _buildStarted = true;
+      context.buildTailwindCss();
+    }
+  };
+}
+export {
+  viteUniTailwindProcessor as default
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "vite-plugin-uni-tailwind-processor",
+  "version": "1.0.0",
+  "description": "Vite插件：为uniapp项目适配tailwindcss的文件监听与样式处理",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "vite",
+    "vite-plugin",
+    "uniapp",
+    "tailwindcss",
+    "chokidar"
+  ],
+  "author": "1848424733@qq.com",
+  "license": "MIT",
+  "peerDependencies": {
+    "vite": "^4.0.0 || ^5.0.0"
+  },
+  "devDependencies": {
+    "chokidar": "^3.5.3",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --external vite --external chokidar",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependenciesMeta": {
+    "chokidar": {
+      "optional": false
+    }
+  }
+}