@weapp-tailwindcss/cli 1.0.1 → 1.0.3

package/README.md

@@ -1,3 +1,7 @@
 # @weapp-tailwindcss/cli
 
-<https://weapp-tw.icebreaker.top/docs/quick-start/native/install>
+`weapp-tailwindcss` 的 原生小程序 `CLI` 启动插件
+
+相关文档:
+
+👉 [https://weapp-tw.icebreaker.top/](https://weapp-tw.icebreaker.top/docs/quick-start/native/install)

package/dist/index.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+const process = require('node:process');
 const commander = require('commander');
 const path = require('node:path');
 const fs = require('fs-extra');
@@ -19,6 +20,7 @@ const cosmiconfig = require('cosmiconfig');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
+const process__default = /*#__PURE__*/_interopDefaultCompat(process);
 const path__default = /*#__PURE__*/_interopDefaultCompat(path);
 const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 const gulp__default = /*#__PURE__*/_interopDefaultCompat(gulp$1);
@@ -88,10 +90,48 @@ function createDefu(merger) {
 }
 const defu = createDefu();
 
-const version = "1.0.1";
+const version = "1.0.3";
 
 const debug = createDebug__default("weapp-tw-cli");
 
+const defaultJavascriptExtensions = ["js"];
+const defaultTypescriptExtensions = ["ts"];
+const defaultWxsExtensions = ["wxs"];
+const defaultNodeModulesDirs = [
+  "**/node_modules/**",
+  "**/miniprogram_npm/**",
+  "**/project.config.json/**",
+  "**/project.private.config.json/**",
+  "**/package.json/**",
+  "postcss.config.js",
+  "tailwind.config.js",
+  "weapp-tw.config.js"
+];
+function noop() {
+}
+function getDefaultOptions(options, postcssOptionsFromConfig) {
+  return {
+    outDir: "dist",
+    weappTailwindcssOptions: {},
+    clean: true,
+    src: "",
+    exclude: [...defaultNodeModulesDirs],
+    include: ["**/*.{png,jpg,jpeg,gif,svg,webp}"],
+    extensions: {
+      javascript: [...defaultJavascriptExtensions, ...defaultTypescriptExtensions, ...defaultWxsExtensions],
+      html: ["wxml"],
+      css: ["wxss", "less", "sass", "scss"],
+      json: ["json"]
+    },
+    watchOptions: {
+      cwd: options?.root,
+      events: ["add", "change", "unlink", "ready"]
+    },
+    postcssOptions: postcssOptionsFromConfig,
+    gulpChain: noop
+  };
+}
+
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -130,6 +170,10 @@ class GlobsSet {
   }
 }
 
+function isStream(stream, { checkOpen = true } = {}) {
+  return stream !== null && typeof stream === "object" && (stream.writable || stream.readable || !checkOpen || stream.writable === void 0 && stream.readable === void 0) && typeof stream.pipe === "function";
+}
+
 var AssetType = /* @__PURE__ */ ((AssetType2) => {
   AssetType2["JavaScript"] = "javascript";
   AssetType2["Json"] = "json";
@@ -506,7 +550,6 @@ function promisify(task) {
     }
   });
 }
-
 function isSassLang(lang) {
   return lang === "scss" || lang === "sass";
 }
@@ -516,6 +559,17 @@ function isLessLang(lang) {
 function isTsLang(lang) {
   return lang === "ts";
 }
+
+function normalizePlugin(plugin) {
+  if (isStream(plugin)) {
+    return plugin;
+  } else if (typeof plugin === "function") {
+    return plugin.apply(plugin);
+  } else if (Array.isArray(plugin)) {
+    const [fn, ...args] = plugin;
+    return fn.apply(fn, args);
+  }
+}
 async function getTasks(options) {
   let { typescriptOptions } = options;
   const {
@@ -527,12 +581,20 @@ async function getTasks(options) {
     exclude,
     include,
     postcssOptions,
-    preprocessorOptions
+    preprocessorOptions,
+    gulpChain
   } = options;
   const globsSet = new GlobsSet();
-  const base = srcBase ? srcBase + "/" : "";
+  const base = srcBase ? `${srcBase}/` : "";
   const enableSass = Boolean(preprocessorOptions?.sass);
   const enableLess = Boolean(preprocessorOptions?.less);
+  function resolvePipes(plugins, type) {
+    const newPlugins = gulpChain(plugins, type);
+    if (newPlugins === void 0) {
+      return plugins;
+    }
+    return newPlugins.map((x) => normalizePlugin(x)).filter((x) => x);
+  }
   if (typescriptOptions === true) {
     typescriptOptions = {
       tsConfigFileName: "tsconfig.json"
@@ -547,18 +609,18 @@ async function getTasks(options) {
     sass = createSass__default(sassLib);
   }
   const { transformJs, transformWxml, transformWxss } = gulp.createPlugins(weappTailwindcssOptions);
+  const outDirGlobs = [`!${outDir}/**/*`, `!./${outDir}/**/*`];
   function getGlobs(type) {
     const globs = [];
     if (typeof include === "function") {
       globs.push(...include(type).map((x) => x));
     }
     if (typeof exclude === "function") {
-      globs.push(...exclude(type).map((x) => "!" + x));
+      globs.push(...exclude(type).map((x) => `!${x}`));
     } else if (Array.isArray(exclude)) {
-      globs.push(...exclude.map((x) => "!" + x));
+      globs.push(...exclude.map((x) => `!${x}`));
     }
-    globs.push(`!${outDir}/**/*`);
-    globs.push(`!./${outDir}/**/*`);
+    globs.push(...outDirGlobs);
     return globs;
   }
   function getJsTasks() {
@@ -579,29 +641,28 @@ async function getTasks(options) {
       }
       return function JsTask() {
         let chain = gulp__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(JsTask) });
+        const pipes = [];
         if (loadTs) {
-          chain = chain.pipe(gulpTs());
+          pipes.push(gulpTs());
         }
-        return promisify(
-          chain.pipe(
-            transformJs({
-              babelParserOptions: !enableTs && isTs ? {
-                plugins: ["typescript"]
-              } : void 0
-            })
-          ).pipe(
-            gulpif__default(
-              loadTs,
-              rename__default({
-                extname: ".js"
-              })
-            )
-          ).pipe(
-            gulp__default.dest(outDir, {
-              cwd
-            })
-          )
-        );
+        pipes.push(transformJs({
+          babelParserOptions: !enableTs && isTs ? {
+            plugins: ["typescript"]
+          } : void 0
+        }));
+        pipes.push(gulpif__default(
+          loadTs,
+          rename__default({
+            extname: ".js"
+          })
+        ));
+        pipes.push(gulp__default.dest(outDir, {
+          cwd
+        }));
+        for (const p of resolvePipes(pipes, assetType)) {
+          chain = chain.pipe(p);
+        }
+        return promisify(chain);
       };
     });
   }
@@ -613,13 +674,14 @@ async function getTasks(options) {
       const src = `${base}**/*.${x}`;
       globsSet.add(src);
       return function JsonTask() {
-        return promisify(
-          gulp__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(JsonTask) }).pipe(
-            gulp__default.dest(outDir, {
-              cwd
-            })
-          )
-        );
+        const pipes = [gulp__default.dest(outDir, {
+          cwd
+        })];
+        let chain = gulp__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(JsonTask) });
+        for (const p of resolvePipes(pipes, assetType)) {
+          chain = chain.pipe(p);
+        }
+        return promisify(chain);
       };
     });
   }
@@ -634,33 +696,32 @@ async function getTasks(options) {
       const loadLess = enableLess && isLessLang(x);
       return function CssTask() {
         let chain = gulp__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(CssTask) });
+        const pipes = [];
         if (loadSass) {
-          chain = chain.pipe(
-            sass.sync(
-              // @ts-ignore
-              typeof preprocessorOptions?.sass === "boolean" ? void 0 : preprocessorOptions?.sass
-            ).on("error", sass.logError)
-          );
+          pipes.push(sass.sync(
+            // @ts-ignore
+            typeof preprocessorOptions?.sass === "boolean" ? void 0 : preprocessorOptions?.sass
+          ).on("error", sass.logError));
         }
-        return promisify(
-          chain.pipe(
-            gulpif__default(
-              loadLess,
-              less__default(typeof preprocessorOptions?.less === "boolean" ? void 0 : preprocessorOptions?.less)
-            )
-          ).pipe(gulpif__default(Boolean(postcssOptions), postcssrc__default(postcssOptions?.plugins, postcssOptions?.options))).pipe(transformWxss()).pipe(
-            gulpif__default(
-              loadSass || loadLess,
-              rename__default({
-                extname: ".wxss"
-              })
-            )
-          ).pipe(
-            gulp__default.dest(outDir, {
-              cwd
-            })
-          )
-        );
+        pipes.push(gulpif__default(
+          loadLess,
+          less__default(typeof preprocessorOptions?.less === "boolean" ? void 0 : preprocessorOptions?.less)
+        ));
+        pipes.push(gulpif__default(Boolean(postcssOptions), postcssrc__default(postcssOptions?.plugins, postcssOptions?.options)));
+        pipes.push(transformWxss());
+        pipes.push(gulpif__default(
+          loadSass || loadLess,
+          rename__default({
+            extname: ".wxss"
+          })
+        ));
+        pipes.push(gulp__default.dest(outDir, {
+          cwd
+        }));
+        for (const p of resolvePipes(pipes, assetType)) {
+          chain = chain.pipe(p);
+        }
+        return promisify(chain);
       };
     });
   }
@@ -672,12 +733,15 @@ async function getTasks(options) {
       const src = `${base}**/*.${x}`;
       globsSet.add(src);
       return function HtmlTask() {
+        let chain = gulp__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(HtmlTask) });
+        const pipes = [transformWxml(), gulp__default.dest(outDir, {
+          cwd
+        })];
+        for (const p of resolvePipes(pipes, assetType)) {
+          chain = chain.pipe(p);
+        }
         return promisify(
-          gulp__default.src([src, ...globs], { cwd, since: gulp__default.lastRun(HtmlTask) }).pipe(transformWxml()).pipe(
-            gulp__default.dest(outDir, {
-              cwd
-            })
-          )
+          chain
         );
       };
     });
@@ -688,13 +752,14 @@ async function getTasks(options) {
         return `${base}${x}`;
       });
       globsSet.add(globs);
-      return promisify(
-        gulp__default.src(globs, { cwd, since: gulp__default.lastRun(copyOthers) }).pipe(
-          gulp__default.dest(outDir, {
-            cwd
-          })
-        )
-      );
+      let chain = gulp__default.src([...globs, ...outDirGlobs], { cwd, since: gulp__default.lastRun(copyOthers) });
+      const pipes = [gulp__default.dest(outDir, {
+        cwd
+      })];
+      for (const p of pipes) {
+        chain = chain.pipe(p);
+      }
+      return promisify(chain);
     }
   }
   return {
@@ -708,44 +773,13 @@ async function getTasks(options) {
   };
 }
 
-const defaultJavascriptExtensions = ["js"];
-const defaultTypescriptExtensions = ["ts"];
-const defaultWxsExtensions = ["wxs"];
-const defaultNodeModulesDirs = [
-  "**/node_modules/**",
-  "**/miniprogram_npm/**",
-  "**/project.config.json/**",
-  "**/project.private.config.json/**",
-  "**/package.json/**",
-  "postcss.config.js",
-  "tailwind.config.js",
-  "weapp-tw.config.js"
-];
 async function createBuilder(options) {
   let postcssOptionsFromConfig;
   try {
     postcssOptionsFromConfig = await loadPostcssConfig__default({ cwd: options?.root });
   } catch {
   }
-  const opt = defu(options, {
-    outDir: "dist",
-    weappTailwindcssOptions: {},
-    clean: true,
-    src: "",
-    exclude: [...defaultNodeModulesDirs],
-    include: ["**/*.{png,jpg,jpeg,gif,svg,webp}"],
-    extensions: {
-      javascript: [...defaultJavascriptExtensions, ...defaultTypescriptExtensions, ...defaultWxsExtensions],
-      html: ["wxml"],
-      css: ["wxss", "less", "sass", "scss"],
-      json: ["json"]
-    },
-    watchOptions: {
-      cwd: options?.root,
-      events: ["add", "change", "unlink", "ready"]
-    },
-    postcssOptions: postcssOptionsFromConfig
-  });
+  const opt = defu(options, getDefaultOptions(options, postcssOptionsFromConfig));
   const { copyOthers, getCssTasks, getHtmlTasks, getJsTasks, getJsonTasks, globsSet } = await getTasks(opt);
   const tasks = {
     css: getCssTasks(),
@@ -774,7 +808,7 @@ async function createBuilder(options) {
       if (clean) {
         debug("del start");
         const { deleteAsync } = await import('del');
-        const patterns = [outDir + "/**"];
+        const patterns = [`${outDir}/**`];
         await deleteAsync(patterns, { cwd, ignore: defaultNodeModulesDirs });
         debug("del end");
       }
@@ -797,16 +831,16 @@ async function createBuilder(options) {
           cb(error);
         }
       });
-      watcher.on("change", function(path2) {
+      watcher.on("change", (path2) => {
         console.log(`${pc__default.green("changed")} ${path2}`);
       });
-      watcher.on("add", function(path2) {
+      watcher.on("add", (path2) => {
         console.log(`${pc__default.green("add")} ${path2}`);
       });
-      watcher.on("unlink", function(path2) {
+      watcher.on("unlink", (path2) => {
         console.log(`${pc__default.green("remove")} ${path2}`);
       });
-      watcher.on("ready", async function() {
+      watcher.on("ready", async () => {
         const meta = await localPkg.getPackageInfo("weapp-tailwindcss");
         let weappTwVersionStr = "";
         if (meta) {
@@ -917,7 +951,7 @@ function updatePackageJson(options) {
 function initConfig(options) {
   const { lang, root } = defu(options, {
     lang: "js",
-    root: process.cwd()
+    root: process__default.cwd()
   });
   const configFilename = `weapp-tw.config.${lang ?? "js"}`;
   const configPath = path__default.resolve(root, configFilename);
@@ -954,7 +988,7 @@ module.exports = config
 }
 
 function createCli() {
-  const cwd = process.cwd();
+  const cwd = process__default.cwd();
   const program = new commander.Command();
   const configLoader = createConfigLoader(cwd);
   const userDefinedConfig = configLoader.search(cwd);

package/dist/index.d.cts

@@ -110,13 +110,20 @@ interface BuildOptions {
     watchOptions: WatchOptions;
     /**
      * @group 2.编译支持
-     * @description typescript 的编译配置，默认不传伟不编译 ts
+     * @description typescript 的编译配置，默认不传为不编译 ts
      * @description 需要安装 typescript
      */
     typescriptOptions: boolean | {
         settings?: Settings;
         tsConfigFileName?: string;
     };
+    /**
+     * @group 2.编译支持
+     * @description 扩展 cli 里默认的 gulp 文件流处理方式
+     * 第一个参数为原型注册的内置插件, 第二个参数为处理的文件类型
+     * 返回一个新的插件数组为取代原先的处理流程，返回 undefined 为使用默认处理流程
+     */
+    gulpChain: (plugins: any[], type: AssetType) => any[] | undefined;
 }
 type UserConfig = Partial<BuildOptions>;
 
@@ -139,11 +146,11 @@ declare function watch(options?: Partial<BuildOptions>): Promise<{
     globsSet: GlobsSet;
 }>;
 
-type WeappTwCosmiconfigResult = {
+interface WeappTwCosmiconfigResult {
     config: BuildOptions;
     filepath: string;
     isEmpty?: boolean;
-};
+}
 declare function createConfigLoader(root: string): {
     search: (searchFrom?: string) => WeappTwCosmiconfigResult | undefined;
     load: (filepath: string) => cosmiconfig.CosmiconfigResult;

package/dist/index.d.mts

@@ -110,13 +110,20 @@ interface BuildOptions {
     watchOptions: WatchOptions;
     /**
      * @group 2.编译支持
-     * @description typescript 的编译配置，默认不传伟不编译 ts
+     * @description typescript 的编译配置，默认不传为不编译 ts
      * @description 需要安装 typescript
      */
     typescriptOptions: boolean | {
         settings?: Settings;
         tsConfigFileName?: string;
     };
+    /**
+     * @group 2.编译支持
+     * @description 扩展 cli 里默认的 gulp 文件流处理方式
+     * 第一个参数为原型注册的内置插件, 第二个参数为处理的文件类型
+     * 返回一个新的插件数组为取代原先的处理流程，返回 undefined 为使用默认处理流程
+     */
+    gulpChain: (plugins: any[], type: AssetType) => any[] | undefined;
 }
 type UserConfig = Partial<BuildOptions>;
 
@@ -139,11 +146,11 @@ declare function watch(options?: Partial<BuildOptions>): Promise<{
     globsSet: GlobsSet;
 }>;
 
-type WeappTwCosmiconfigResult = {
+interface WeappTwCosmiconfigResult {
     config: BuildOptions;
     filepath: string;
     isEmpty?: boolean;
-};
+}
 declare function createConfigLoader(root: string): {
     search: (searchFrom?: string) => WeappTwCosmiconfigResult | undefined;
     load: (filepath: string) => cosmiconfig.CosmiconfigResult;

package/dist/index.d.ts

@@ -110,13 +110,20 @@ interface BuildOptions {
     watchOptions: WatchOptions;
     /**
      * @group 2.编译支持
-     * @description typescript 的编译配置，默认不传伟不编译 ts
+     * @description typescript 的编译配置，默认不传为不编译 ts
      * @description 需要安装 typescript
      */
     typescriptOptions: boolean | {
         settings?: Settings;
         tsConfigFileName?: string;
     };
+    /**
+     * @group 2.编译支持
+     * @description 扩展 cli 里默认的 gulp 文件流处理方式
+     * 第一个参数为原型注册的内置插件, 第二个参数为处理的文件类型
+     * 返回一个新的插件数组为取代原先的处理流程，返回 undefined 为使用默认处理流程
+     */
+    gulpChain: (plugins: any[], type: AssetType) => any[] | undefined;
 }
 type UserConfig = Partial<BuildOptions>;
 
@@ -139,11 +146,11 @@ declare function watch(options?: Partial<BuildOptions>): Promise<{
     globsSet: GlobsSet;
 }>;
 
-type WeappTwCosmiconfigResult = {
+interface WeappTwCosmiconfigResult {
     config: BuildOptions;
     filepath: string;
     isEmpty?: boolean;
-};
+}
 declare function createConfigLoader(root: string): {
     search: (searchFrom?: string) => WeappTwCosmiconfigResult | undefined;
     load: (filepath: string) => cosmiconfig.CosmiconfigResult;

package/dist/index.mjs

@@ -1,3 +1,4 @@
+import process from 'node:process';
 import { Command } from 'commander';
 import path from 'node:path';
 import fs, { ensureDirSync } from 'fs-extra';
@@ -71,10 +72,48 @@ function createDefu(merger) {
 }
 const defu = createDefu();
 
-const version = "1.0.1";
+const version = "1.0.3";
 
 const debug = createDebug("weapp-tw-cli");
 
+const defaultJavascriptExtensions = ["js"];
+const defaultTypescriptExtensions = ["ts"];
+const defaultWxsExtensions = ["wxs"];
+const defaultNodeModulesDirs = [
+  "**/node_modules/**",
+  "**/miniprogram_npm/**",
+  "**/project.config.json/**",
+  "**/project.private.config.json/**",
+  "**/package.json/**",
+  "postcss.config.js",
+  "tailwind.config.js",
+  "weapp-tw.config.js"
+];
+function noop() {
+}
+function getDefaultOptions(options, postcssOptionsFromConfig) {
+  return {
+    outDir: "dist",
+    weappTailwindcssOptions: {},
+    clean: true,
+    src: "",
+    exclude: [...defaultNodeModulesDirs],
+    include: ["**/*.{png,jpg,jpeg,gif,svg,webp}"],
+    extensions: {
+      javascript: [...defaultJavascriptExtensions, ...defaultTypescriptExtensions, ...defaultWxsExtensions],
+      html: ["wxml"],
+      css: ["wxss", "less", "sass", "scss"],
+      json: ["json"]
+    },
+    watchOptions: {
+      cwd: options?.root,
+      events: ["add", "change", "unlink", "ready"]
+    },
+    postcssOptions: postcssOptionsFromConfig,
+    gulpChain: noop
+  };
+}
+
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -113,6 +152,10 @@ class GlobsSet {
   }
 }
 
+function isStream(stream, { checkOpen = true } = {}) {
+  return stream !== null && typeof stream === "object" && (stream.writable || stream.readable || !checkOpen || stream.writable === void 0 && stream.readable === void 0) && typeof stream.pipe === "function";
+}
+
 var AssetType = /* @__PURE__ */ ((AssetType2) => {
   AssetType2["JavaScript"] = "javascript";
   AssetType2["Json"] = "json";
@@ -489,7 +532,6 @@ function promisify(task) {
     }
   });
 }
-
 function isSassLang(lang) {
   return lang === "scss" || lang === "sass";
 }
@@ -499,6 +541,17 @@ function isLessLang(lang) {
 function isTsLang(lang) {
   return lang === "ts";
 }
+
+function normalizePlugin(plugin) {
+  if (isStream(plugin)) {
+    return plugin;
+  } else if (typeof plugin === "function") {
+    return plugin.apply(plugin);
+  } else if (Array.isArray(plugin)) {
+    const [fn, ...args] = plugin;
+    return fn.apply(fn, args);
+  }
+}
 async function getTasks(options) {
   let { typescriptOptions } = options;
   const {
@@ -510,12 +563,20 @@ async function getTasks(options) {
     exclude,
     include,
     postcssOptions,
-    preprocessorOptions
+    preprocessorOptions,
+    gulpChain
   } = options;
   const globsSet = new GlobsSet();
-  const base = srcBase ? srcBase + "/" : "";
+  const base = srcBase ? `${srcBase}/` : "";
   const enableSass = Boolean(preprocessorOptions?.sass);
   const enableLess = Boolean(preprocessorOptions?.less);
+  function resolvePipes(plugins, type) {
+    const newPlugins = gulpChain(plugins, type);
+    if (newPlugins === void 0) {
+      return plugins;
+    }
+    return newPlugins.map((x) => normalizePlugin(x)).filter((x) => x);
+  }
   if (typescriptOptions === true) {
     typescriptOptions = {
       tsConfigFileName: "tsconfig.json"
@@ -530,18 +591,18 @@ async function getTasks(options) {
     sass = createSass(sassLib);
   }
   const { transformJs, transformWxml, transformWxss } = createPlugins(weappTailwindcssOptions);
+  const outDirGlobs = [`!${outDir}/**/*`, `!./${outDir}/**/*`];
   function getGlobs(type) {
     const globs = [];
     if (typeof include === "function") {
       globs.push(...include(type).map((x) => x));
     }
     if (typeof exclude === "function") {
-      globs.push(...exclude(type).map((x) => "!" + x));
+      globs.push(...exclude(type).map((x) => `!${x}`));
     } else if (Array.isArray(exclude)) {
-      globs.push(...exclude.map((x) => "!" + x));
+      globs.push(...exclude.map((x) => `!${x}`));
     }
-    globs.push(`!${outDir}/**/*`);
-    globs.push(`!./${outDir}/**/*`);
+    globs.push(...outDirGlobs);
     return globs;
   }
   function getJsTasks() {
@@ -562,29 +623,28 @@ async function getTasks(options) {
       }
       return function JsTask() {
         let chain = gulp.src([src, ...globs], { cwd, since: gulp.lastRun(JsTask) });
+        const pipes = [];
         if (loadTs) {
-          chain = chain.pipe(gulpTs());
+          pipes.push(gulpTs());
         }
-        return promisify(
-          chain.pipe(
-            transformJs({
-              babelParserOptions: !enableTs && isTs ? {
-                plugins: ["typescript"]
-              } : void 0
-            })
-          ).pipe(
-            gulpif(
-              loadTs,
-              rename({
-                extname: ".js"
-              })
-            )
-          ).pipe(
-            gulp.dest(outDir, {
-              cwd
-            })
-          )
-        );
+        pipes.push(transformJs({
+          babelParserOptions: !enableTs && isTs ? {
+            plugins: ["typescript"]
+          } : void 0
+        }));
+        pipes.push(gulpif(
+          loadTs,
+          rename({
+            extname: ".js"
+          })
+        ));
+        pipes.push(gulp.dest(outDir, {
+          cwd
+        }));
+        for (const p of resolvePipes(pipes, assetType)) {
+          chain = chain.pipe(p);
+        }
+        return promisify(chain);
       };
     });
   }
@@ -596,13 +656,14 @@ async function getTasks(options) {
       const src = `${base}**/*.${x}`;
       globsSet.add(src);
       return function JsonTask() {
-        return promisify(
-          gulp.src([src, ...globs], { cwd, since: gulp.lastRun(JsonTask) }).pipe(
-            gulp.dest(outDir, {
-              cwd
-            })
-          )
-        );
+        const pipes = [gulp.dest(outDir, {
+          cwd
+        })];
+        let chain = gulp.src([src, ...globs], { cwd, since: gulp.lastRun(JsonTask) });
+        for (const p of resolvePipes(pipes, assetType)) {
+          chain = chain.pipe(p);
+        }
+        return promisify(chain);
       };
     });
   }
@@ -617,33 +678,32 @@ async function getTasks(options) {
       const loadLess = enableLess && isLessLang(x);
       return function CssTask() {
         let chain = gulp.src([src, ...globs], { cwd, since: gulp.lastRun(CssTask) });
+        const pipes = [];
         if (loadSass) {
-          chain = chain.pipe(
-            sass.sync(
-              // @ts-ignore
-              typeof preprocessorOptions?.sass === "boolean" ? void 0 : preprocessorOptions?.sass
-            ).on("error", sass.logError)
-          );
+          pipes.push(sass.sync(
+            // @ts-ignore
+            typeof preprocessorOptions?.sass === "boolean" ? void 0 : preprocessorOptions?.sass
+          ).on("error", sass.logError));
         }
-        return promisify(
-          chain.pipe(
-            gulpif(
-              loadLess,
-              less(typeof preprocessorOptions?.less === "boolean" ? void 0 : preprocessorOptions?.less)
-            )
-          ).pipe(gulpif(Boolean(postcssOptions), postcssrc(postcssOptions?.plugins, postcssOptions?.options))).pipe(transformWxss()).pipe(
-            gulpif(
-              loadSass || loadLess,
-              rename({
-                extname: ".wxss"
-              })
-            )
-          ).pipe(
-            gulp.dest(outDir, {
-              cwd
-            })
-          )
-        );
+        pipes.push(gulpif(
+          loadLess,
+          less(typeof preprocessorOptions?.less === "boolean" ? void 0 : preprocessorOptions?.less)
+        ));
+        pipes.push(gulpif(Boolean(postcssOptions), postcssrc(postcssOptions?.plugins, postcssOptions?.options)));
+        pipes.push(transformWxss());
+        pipes.push(gulpif(
+          loadSass || loadLess,
+          rename({
+            extname: ".wxss"
+          })
+        ));
+        pipes.push(gulp.dest(outDir, {
+          cwd
+        }));
+        for (const p of resolvePipes(pipes, assetType)) {
+          chain = chain.pipe(p);
+        }
+        return promisify(chain);
       };
     });
   }
@@ -655,12 +715,15 @@ async function getTasks(options) {
       const src = `${base}**/*.${x}`;
       globsSet.add(src);
       return function HtmlTask() {
+        let chain = gulp.src([src, ...globs], { cwd, since: gulp.lastRun(HtmlTask) });
+        const pipes = [transformWxml(), gulp.dest(outDir, {
+          cwd
+        })];
+        for (const p of resolvePipes(pipes, assetType)) {
+          chain = chain.pipe(p);
+        }
         return promisify(
-          gulp.src([src, ...globs], { cwd, since: gulp.lastRun(HtmlTask) }).pipe(transformWxml()).pipe(
-            gulp.dest(outDir, {
-              cwd
-            })
-          )
+          chain
         );
       };
     });
@@ -671,13 +734,14 @@ async function getTasks(options) {
         return `${base}${x}`;
       });
       globsSet.add(globs);
-      return promisify(
-        gulp.src(globs, { cwd, since: gulp.lastRun(copyOthers) }).pipe(
-          gulp.dest(outDir, {
-            cwd
-          })
-        )
-      );
+      let chain = gulp.src([...globs, ...outDirGlobs], { cwd, since: gulp.lastRun(copyOthers) });
+      const pipes = [gulp.dest(outDir, {
+        cwd
+      })];
+      for (const p of pipes) {
+        chain = chain.pipe(p);
+      }
+      return promisify(chain);
     }
   }
   return {
@@ -691,44 +755,13 @@ async function getTasks(options) {
   };
 }
 
-const defaultJavascriptExtensions = ["js"];
-const defaultTypescriptExtensions = ["ts"];
-const defaultWxsExtensions = ["wxs"];
-const defaultNodeModulesDirs = [
-  "**/node_modules/**",
-  "**/miniprogram_npm/**",
-  "**/project.config.json/**",
-  "**/project.private.config.json/**",
-  "**/package.json/**",
-  "postcss.config.js",
-  "tailwind.config.js",
-  "weapp-tw.config.js"
-];
 async function createBuilder(options) {
   let postcssOptionsFromConfig;
   try {
     postcssOptionsFromConfig = await loadPostcssConfig({ cwd: options?.root });
   } catch {
   }
-  const opt = defu(options, {
-    outDir: "dist",
-    weappTailwindcssOptions: {},
-    clean: true,
-    src: "",
-    exclude: [...defaultNodeModulesDirs],
-    include: ["**/*.{png,jpg,jpeg,gif,svg,webp}"],
-    extensions: {
-      javascript: [...defaultJavascriptExtensions, ...defaultTypescriptExtensions, ...defaultWxsExtensions],
-      html: ["wxml"],
-      css: ["wxss", "less", "sass", "scss"],
-      json: ["json"]
-    },
-    watchOptions: {
-      cwd: options?.root,
-      events: ["add", "change", "unlink", "ready"]
-    },
-    postcssOptions: postcssOptionsFromConfig
-  });
+  const opt = defu(options, getDefaultOptions(options, postcssOptionsFromConfig));
   const { copyOthers, getCssTasks, getHtmlTasks, getJsTasks, getJsonTasks, globsSet } = await getTasks(opt);
   const tasks = {
     css: getCssTasks(),
@@ -757,7 +790,7 @@ async function createBuilder(options) {
       if (clean) {
         debug("del start");
         const { deleteAsync } = await import('del');
-        const patterns = [outDir + "/**"];
+        const patterns = [`${outDir}/**`];
         await deleteAsync(patterns, { cwd, ignore: defaultNodeModulesDirs });
         debug("del end");
       }
@@ -780,16 +813,16 @@ async function createBuilder(options) {
           cb(error);
         }
       });
-      watcher.on("change", function(path2) {
+      watcher.on("change", (path2) => {
         console.log(`${pc.green("changed")} ${path2}`);
       });
-      watcher.on("add", function(path2) {
+      watcher.on("add", (path2) => {
         console.log(`${pc.green("add")} ${path2}`);
       });
-      watcher.on("unlink", function(path2) {
+      watcher.on("unlink", (path2) => {
         console.log(`${pc.green("remove")} ${path2}`);
       });
-      watcher.on("ready", async function() {
+      watcher.on("ready", async () => {
         const meta = await getPackageInfo("weapp-tailwindcss");
         let weappTwVersionStr = "";
         if (meta) {

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "@weapp-tailwindcss/cli",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "The cli of weapp-tailwindcss",
-  "keywords": [
-    "weapp",
-    "tailwindcss",
-    "cli",
-    "plugin"
-  ],
   "author": "SonOfMagic <qq1324318532@gmail.com>",
   "license": "MIT",
+  "homepage": "https://weapp-tw.icebreaker.top/docs/quick-start/native/install",
   "bugs": {
     "url": "https://github.com/sonofmagic/weapp-tailwindcss/issues"
   },
-  "homepage": "https://weapp-tw.icebreaker.top/docs/quick-start/native/install",
+  "keywords": [
+    "weapp",
+    "tailwindcss",
+    "cli",
+    "plugin",
+    "gulp",
+    "native"
+  ],
   "sideEffects": false,
-  "type": "commonjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -29,10 +30,27 @@
   "files": [
     "dist"
   ],
+  "peerDependencies": {
+    "less": "*",
+    "sass": "*",
+    "typescript": "*",
+    "weapp-tailwindcss": "3.2.1"
+  },
+  "peerDependenciesMeta": {
+    "less": {
+      "optional": true
+    },
+    "sass": {
+      "optional": true
+    },
+    "typescript": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "commander": "^12.0.0",
+    "commander": "^12.1.0",
     "cosmiconfig": "^9.0.0",
-    "debug": "4.3.4",
+    "debug": "4.3.5",
     "del": "^7.1.0",
     "fs-extra": "^11.2.0",
     "gulp": "^4.0.2",
@@ -45,31 +63,17 @@
     "gulp-sass": "^5.1.0",
     "gulp-typescript": "6.0.0-alpha.1",
     "local-pkg": "^0.5.0",
-    "picocolors": "^1.0.0",
+    "picocolors": "^1.0.1",
     "postcss": "^8.4.38",
     "postcss-load-config": "^5.1.0"
   },
-  "peerDependencies": {
-    "less": "*",
-    "sass": "*",
-    "typescript": "*",
-    "weapp-tailwindcss": "3.2.0"
-  },
-  "peerDependenciesMeta": {
-    "less": {
-      "optional": true
-    },
-    "sass": {
-      "optional": true
-    },
-    "typescript": {
-      "optional": true
-    }
-  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
+  "devDependencies": {
+    "tailwindcss": "^3.4.3"
+  },
   "scripts": {
     "dev": "unbuild --sourcemap",
     "build": "unbuild",