@aniyajs/rotor/webpack/tailwind.config.js

基于webpack5开发的一款专注于打包、运行的工具

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    `${require("../utils/paths").appSrc}/**/*.{js,jsx,ts,tsx,ejs,html}`,
  ],
  theme: {
    colors: {
      blue: "#1fb6ff",
      purple: "#7e5bef",
      pink: "#ff49db",
      orange: "#ff7849",
      green: "#13ce66",
      yellow: "#ffc82c",
      "gray-dark": "#273444",
      gray: "#8492a6",
      "gray-light": "#d3dce6",
    },
    fontFamily: {
      sans: ["Graphik", "sans-serif"],
      serif: ["Merriweather", "serif"],
    },
    extend: {
      spacing: {
        "8xl": "96rem",
        "9xl": "128rem",
      },
      borderRadius: {
        "4xl": "2rem",
      },
    },
  },
  ...(require("fs").existsSync(
    require("path").join(require("../utils/paths").appSrc, "theme"),
  )
    ? {
        presets:
          // 导入额外的配置文件
          require("fs")
            .readdirSync(
              require("path").join(require("../utils/paths").appSrc, "theme"),
            )
            .map((themeFile) => {
              return require(
                `${require("path").join(
                  require("../utils/paths").appSrc,
                  "theme",
                )}/${themeFile}`,
              );
            }),
      }
    : {}),
};