@mega-apps/cli/config/tailwind.config.js

Mom builder for all mega modules apps. The recommended basic operation dependency package is attached, and users can check and repair defects in actual applications.

// 配置参照：https://tailwindcss.com/docs/optimizing-for-production
// 也可以参照：https://nexxai.dev/tell-purgecss-to-ignore-purging-all-tailwind-colours/

const buildItem = (prefix,exts = ["vue","js","jsx","ts","tsx"]) => `${prefix}/**/*.{${exts.join(',')}}`;
const commonDirs = ['components','layouts','pages','plugins'];

// 以下是示例代码，你可以根据自己项目特点，配置主题，变量，插件，优化等内容
module.exports = {
  mode: "jit", // 默认开启 jit，用于解决 tailwindcss造成的内存占用过大问题
  theme: {
    extend: {}
  },
  variants: {
    extend: {}
  },
  plugins: [],
  purge: {
    content: [
      // nuxt_mom 扩展指定的目录，你可以根据实际情况自己配置
      ...commonDirs.map(dir => buildItem(`./.nuxt_mom/${dir}`)),
      // 默认值
      ...commonDirs.map(dir => buildItem(`./${dir}`)),
      // 其他
      './nuxt.config.js',
      './nuxt.config.ts',
    ],
    options: {
      // safelist: [/(from|via|to|border|bg|text)-(.*)-(\\d{1}0{1,2})/]
    }
  },
};