@modern-js/plugin-tailwindcss 2.19.0 → 2.20.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @modern-js/plugin-tailwindcss
 
+## 2.20.0
+
+### Patch Changes
+
+- 25e28a9: fix(tailwindcss): avoid unnecessary rebuild when running dev
+
+  fix(tailwindcss): 修复 dev 模式下不必要的重新构建
+
+- 6b9d90a: chore: remove @babel/runtime. add @swc/helper and enable `externalHelper` config.
+  chore: 移除 @babel/runtime 依赖. 增加 @swc/helpers 依赖并且开启 `externalHelpers` 配置
+- Updated dependencies [3c4e0a5]
+- Updated dependencies [6b9d90a]
+  - @modern-js/utils@2.20.0
+  - @modern-js/runtime@2.20.0
+
+## 2.19.1
+
+### Patch Changes
+
+- @modern-js/runtime@2.19.1
+- @modern-js/utils@2.19.1
+
 ## 2.19.0
 
 ### Patch Changes

package/dist/cjs/cli.js

@@ -13,20 +13,31 @@ _export(exports, {
   getRandomTwConfigFileName: () => getRandomTwConfigFileName,
   default: () => _default
 });
-const _path = /* @__PURE__ */ _interop_require_default(require("path"));
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _path = /* @__PURE__ */ _interop_require_default._(require("path"));
 const _utils = require("@modern-js/utils");
-const _cli = /* @__PURE__ */ _interop_require_default(require("./design-token/cli"));
+const _cli = /* @__PURE__ */ _interop_require_default._(require("./design-token/cli"));
 const _tailwind = require("./tailwind");
 const _utils1 = require("./utils");
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
 const supportCssInJsLibrary = "styled-components";
 const getRandomTwConfigFileName = (internalDirectory) => {
   return (0, _utils.slash)(_path.default.join(internalDirectory, `tailwind.config.${Date.now()}.${(0, _utils.nanoid)()}.js`));
 };
+function getDefaultContent(appDirectory) {
+  const defaultContent = [
+    "./src/**/*.js",
+    "./src/**/*.jsx",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ];
+  if (_utils.fs.existsSync(_path.default.join(appDirectory, "storybook"))) {
+    defaultContent.push("./storybook/**/*");
+  }
+  if (_utils.fs.existsSync(_path.default.join(appDirectory, "config/html"))) {
+    defaultContent.push("./config/html/**/*.html", "./config/html/**/*.ejs", "./config/html/**/*.hbs");
+  }
+  return defaultContent;
+}
 const _default = ({ pluginName } = {
   pluginName: "@modern-js/plugin-tailwindcss"
 }) => {
@@ -44,17 +55,7 @@ const _default = ({ pluginName } = {
       const haveTwinMacro = await (0, _utils1.checkTwinMacroExist)(appDirectory);
       const tailwindPath = (0, _utils1.getTailwindPath)(appDirectory);
       const tailwindVersion = (0, _utils1.getTailwindVersion)(appDirectory);
-      const defaultContent = [
-        "./config/html/**/*.html",
-        "./config/html/**/*.ejs",
-        "./config/html/**/*.hbs",
-        "./src/**/*.js",
-        "./src/**/*.jsx",
-        "./src/**/*.ts",
-        "./src/**/*.tsx",
-        // about storybook
-        "./storybook/**/*"
-      ];
+      const defaultContent = getDefaultContent(appDirectory);
       return {
         prepare() {
           if (haveTwinMacro) {

package/dist/cjs/design-token/index.js

@@ -6,22 +6,6 @@ Object.defineProperty(exports, "default", {
   enumerable: true,
   get: () => _runtime.default
 });
-const _runtime = /* @__PURE__ */ _interop_require_default(_export_star(require("./runtime"), exports));
-function _export_star(from, to) {
-  Object.keys(from).forEach(function(k) {
-    if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-      Object.defineProperty(to, k, {
-        enumerable: true,
-        get: function() {
-          return from[k];
-        }
-      });
-    }
-  });
-  return from;
-}
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
+const _export_star = require("@swc/helpers/_/_export_star");
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _runtime = /* @__PURE__ */ _interop_require_default._(_export_star._(require("./runtime"), exports));

package/dist/cjs/design-token/runtime/index.js

@@ -6,23 +6,7 @@ Object.defineProperty(exports, "default", {
   enumerable: true,
   get: () => _default
 });
-const _plugin = /* @__PURE__ */ _interop_require_default(_export_star(require("./plugin"), exports));
-function _export_star(from, to) {
-  Object.keys(from).forEach(function(k) {
-    if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-      Object.defineProperty(to, k, {
-        enumerable: true,
-        get: function() {
-          return from[k];
-        }
-      });
-    }
-  });
-  return from;
-}
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
+const _export_star = require("@swc/helpers/_/_export_star");
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _plugin = /* @__PURE__ */ _interop_require_default._(_export_star._(require("./plugin"), exports));
 const _default = _plugin.default;

package/dist/cjs/design-token/runtime/plugin.js

@@ -14,54 +14,11 @@ _export(exports, {
   useDesignTokens: () => useDesignTokens,
   default: () => _default
 });
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _jsxruntime = require("react/jsx-runtime");
-const _hoistnonreactstatics = /* @__PURE__ */ _interop_require_default(require("hoist-non-react-statics"));
-const _react = /* @__PURE__ */ _interop_require_wildcard(require("react"));
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-function _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== "function")
-    return null;
-  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache = function(nodeInterop2) {
-    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-    return {
-      default: obj
-    };
-  }
-  var cache = _getRequireWildcardCache(nodeInterop);
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-  var newObj = {};
-  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var key in obj) {
-    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-  newObj.default = obj;
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-  return newObj;
-}
+const _hoistnonreactstatics = /* @__PURE__ */ _interop_require_default._(require("hoist-non-react-statics"));
+const _react = /* @__PURE__ */ _interop_require_wildcard._(require("react"));
 const DesignTokenContext = /* @__PURE__ */ _react.default.createContext({});
 const useDesignTokens = () => (0, _react.useContext)(DesignTokenContext);
 const _default = (options = {}) => ({

package/dist/cjs/index.js

@@ -6,9 +6,5 @@ Object.defineProperty(exports, "default", {
   enumerable: true,
   get: () => _cli.default
 });
-const _cli = /* @__PURE__ */ _interop_require_default(require("./cli"));
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _cli = /* @__PURE__ */ _interop_require_default._(require("./cli"));

package/dist/cjs/utils.js

@@ -16,13 +16,9 @@ _export(exports, {
   getTailwindPath: () => getTailwindPath,
   getTailwindVersion: () => getTailwindVersion
 });
-const _path = /* @__PURE__ */ _interop_require_default(require("path"));
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _path = /* @__PURE__ */ _interop_require_default._(require("path"));
 const _utils = require("@modern-js/utils");
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
 const template = (configPath) => `
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : { default: obj };

package/dist/esm/cli.js

@@ -1,134 +1,5 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _async_to_generator(fn) {
-  return function() {
-    var self = this, args = arguments;
-    return new Promise(function(resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(void 0);
-    });
-  };
-}
-var __generator = function(thisArg, body) {
-  var f, y, t, g, _ = {
-    label: 0,
-    sent: function() {
-      if (t[0] & 1)
-        throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  };
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-    return this;
-  }), g;
-  function verb(n) {
-    return function(v) {
-      return step([
-        n,
-        v
-      ]);
-    };
-  }
-  function step(op) {
-    if (f)
-      throw new TypeError("Generator is already executing.");
-    while (_)
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-          return t;
-        if (y = 0, t)
-          op = [
-            op[0] & 2,
-            t.value
-          ];
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [
-              0
-            ];
-            continue;
-          case 7:
-            op = _.ops.pop();
-            _.trys.pop();
-            continue;
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-              _.ops.push(op);
-              break;
-            }
-            if (t[2])
-              _.ops.pop();
-            _.trys.pop();
-            continue;
-        }
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [
-          6,
-          e
-        ];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    if (op[0] & 5)
-      throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import path from "path";
 import { PLUGIN_SCHEMAS, fs, CONFIG_CACHE_DIR, globby, nanoid, slash } from "@modern-js/utils";
 import designTokenPlugin from "./design-token/cli";
@@ -138,6 +9,21 @@ var supportCssInJsLibrary = "styled-components";
 export var getRandomTwConfigFileName = function(internalDirectory) {
   return slash(path.join(internalDirectory, "tailwind.config.".concat(Date.now(), ".").concat(nanoid(), ".js")));
 };
+function getDefaultContent(appDirectory) {
+  var defaultContent = [
+    "./src/**/*.js",
+    "./src/**/*.jsx",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ];
+  if (fs.existsSync(path.join(appDirectory, "storybook"))) {
+    defaultContent.push("./storybook/**/*");
+  }
+  if (fs.existsSync(path.join(appDirectory, "config/html"))) {
+    defaultContent.push("./config/html/**/*.html", "./config/html/**/*.ejs", "./config/html/**/*.hbs");
+  }
+  return defaultContent;
+}
 export default function() {
   var pluginName = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
     pluginName: "@modern-js/plugin-tailwindcss"
@@ -153,7 +39,7 @@ export default function() {
     setup: function() {
       var _ref = _async_to_generator(function(api) {
         var _api_useAppContext, appDirectory, internalDirectory, internalTwConfigPath, haveTwinMacro, tailwindPath, tailwindVersion, defaultContent;
-        return __generator(this, function(_state) {
+        return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
               _api_useAppContext = api.useAppContext(), appDirectory = _api_useAppContext.appDirectory, internalDirectory = _api_useAppContext.internalDirectory;
@@ -166,17 +52,7 @@ export default function() {
               haveTwinMacro = _state.sent();
               tailwindPath = getTailwindPath(appDirectory);
               tailwindVersion = getTailwindVersion(appDirectory);
-              defaultContent = [
-                "./config/html/**/*.html",
-                "./config/html/**/*.ejs",
-                "./config/html/**/*.hbs",
-                "./src/**/*.js",
-                "./src/**/*.jsx",
-                "./src/**/*.ts",
-                "./src/**/*.tsx",
-                // about storybook
-                "./storybook/**/*"
-              ];
+              defaultContent = getDefaultContent(appDirectory);
               return [
                 2,
                 {

package/dist/esm/design-token/cli/index.js

@@ -1,31 +1,4 @@
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-    ownKeys.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { lazyImport, PLUGIN_SCHEMAS, createRuntimeExportsUtils } from "@modern-js/utils";
 export default function() {
   var pluginName = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {

package/dist/esm/design-token/runtime/plugin.js

@@ -1,31 +1,4 @@
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-    ownKeys.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { jsx as _jsx } from "react/jsx-runtime";
 import hoistNonReactStatics from "hoist-non-react-statics";
 import React, { useContext } from "react";

package/dist/esm/tailwind.js

@@ -1,61 +1,4 @@
-function _array_like_to_array(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++)
-    arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes(arr) {
-  if (Array.isArray(arr))
-    return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null)
-    return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i)
-        break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null)
-        _i["return"]();
-    } finally {
-      if (_d)
-        throw _e;
-    }
-  }
-  return _arr;
-}
-function _non_iterable_rest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _array_like_to_array(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor)
-    n = o.constructor.name;
-  if (n === "Map" || n === "Set")
-    return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array(o, minLen);
-}
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { applyOptionsChain, logger } from "@modern-js/utils";
 import { merge, cloneDeep } from "@modern-js/utils/lodash";
 var checkIfExistNotAllowKeys = function(tailwindConfig) {

package/dist/esm/utils.js

@@ -1,134 +1,5 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _async_to_generator(fn) {
-  return function() {
-    var self = this, args = arguments;
-    return new Promise(function(resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(void 0);
-    });
-  };
-}
-var __generator = function(thisArg, body) {
-  var f, y, t, g, _ = {
-    label: 0,
-    sent: function() {
-      if (t[0] & 1)
-        throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  };
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-    return this;
-  }), g;
-  function verb(n) {
-    return function(v) {
-      return step([
-        n,
-        v
-      ]);
-    };
-  }
-  function step(op) {
-    if (f)
-      throw new TypeError("Generator is already executing.");
-    while (_)
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-          return t;
-        if (y = 0, t)
-          op = [
-            op[0] & 2,
-            t.value
-          ];
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [
-              0
-            ];
-            continue;
-          case 7:
-            op = _.ops.pop();
-            _.trys.pop();
-            continue;
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-              _.ops.push(op);
-              break;
-            }
-            if (t[2])
-              _.ops.pop();
-            _.trys.pop();
-            continue;
-        }
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [
-          6,
-          e
-        ];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    if (op[0] & 5)
-      throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import path from "path";
 import { fs } from "@modern-js/utils";
 export var template = function(configPath) {
@@ -138,7 +9,7 @@ var TWIN_MACRO_NAME = "twin.macro";
 export var checkTwinMacroExist = function() {
   var _ref = _async_to_generator(function(appDirectory) {
     var packageJson;
-    return __generator(this, function(_state) {
+    return _ts_generator(this, function(_state) {
       switch (_state.label) {
         case 0:
           return [

package/dist/esm-node/cli.js

@@ -7,6 +7,21 @@ const supportCssInJsLibrary = "styled-components";
 export const getRandomTwConfigFileName = (internalDirectory) => {
   return slash(path.join(internalDirectory, `tailwind.config.${Date.now()}.${nanoid()}.js`));
 };
+function getDefaultContent(appDirectory) {
+  const defaultContent = [
+    "./src/**/*.js",
+    "./src/**/*.jsx",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ];
+  if (fs.existsSync(path.join(appDirectory, "storybook"))) {
+    defaultContent.push("./storybook/**/*");
+  }
+  if (fs.existsSync(path.join(appDirectory, "config/html"))) {
+    defaultContent.push("./config/html/**/*.html", "./config/html/**/*.ejs", "./config/html/**/*.hbs");
+  }
+  return defaultContent;
+}
 export default ({ pluginName } = {
   pluginName: "@modern-js/plugin-tailwindcss"
 }) => {
@@ -24,17 +39,7 @@ export default ({ pluginName } = {
       const haveTwinMacro = await checkTwinMacroExist(appDirectory);
       const tailwindPath = getTailwindPath(appDirectory);
       const tailwindVersion = getTailwindVersion(appDirectory);
-      const defaultContent = [
-        "./config/html/**/*.html",
-        "./config/html/**/*.ejs",
-        "./config/html/**/*.hbs",
-        "./src/**/*.js",
-        "./src/**/*.jsx",
-        "./src/**/*.ts",
-        "./src/**/*.tsx",
-        // about storybook
-        "./storybook/**/*"
-      ];
+      const defaultContent = getDefaultContent(appDirectory);
       return {
         prepare() {
           if (haveTwinMacro) {

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.19.0",
+  "version": "2.20.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -46,10 +46,10 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.18.0",
     "babel-plugin-macros": "3.1.0",
     "hoist-non-react-statics": "^3.3.2",
-    "@modern-js/utils": "2.19.0"
+    "@swc/helpers": "0.5.1",
+    "@modern-js/utils": "2.20.0"
   },
   "devDependencies": {
     "@types/jest": "^29",
@@ -59,17 +59,17 @@
     "jest": "^29",
     "react": "^18",
     "postcss": "8.4.21",
-    "@modern-js/core": "2.19.0",
-    "@modern-js/module-tools": "2.19.0",
-    "@modern-js/runtime": "2.19.0",
-    "@modern-js/types": "2.19.0",
-    "@scripts/build": "2.19.0",
-    "@modern-js/app-tools": "2.19.0",
-    "@scripts/jest-config": "2.19.0"
+    "@modern-js/core": "2.20.0",
+    "@modern-js/module-tools": "2.20.0",
+    "@modern-js/runtime": "2.20.0",
+    "@modern-js/types": "2.20.0",
+    "@scripts/build": "2.20.0",
+    "@modern-js/app-tools": "2.20.0",
+    "@scripts/jest-config": "2.20.0"
   },
   "peerDependencies": {
     "tailwindcss": ">= 2.0.0 || >= 3.0.0",
-    "@modern-js/runtime": "^2.19.0"
+    "@modern-js/runtime": "^2.20.0"
   },
   "peerDependenciesMeta": {
     "@modern-js/runtime": {