tailwind.config.ts

import type { Config } from 'tailwindcss'
import { getIconCollections, iconsPlugin } from '@egoist/tailwindcss-icons'
import cssMacro from 'weapp-tailwindcss/css-macro'
import { isMp } from './platform'

export default <Config>{
  content: ['./index.html', './src/**/*.{html,js,ts,jsx,tsx,vue}'],
  theme: {
    extend: {
      // colors: {
      // // 你可以在这里进行颜色的扩展
      // primary: {
      //   'DEFAULT': 'var(--color-primary, #0089FF)',
      //   'light-3': 'var(--color-primary-light-3, rgb(85, 199, 255))',
      //   'light-5': 'var(--color-primary-light-5, rgb(130, 217, 255))',
      //   'light-7': 'var(--color-primary-light-7, rgb(175, 235, 255))',
      //   'light-9': 'var(--color-primary-light-9, rgb(219, 252, 255))',
      //   'dark-2': 'var(--color-primary-dark-2, rgb(0, 135, 204))',
      // },
      // },
    },
  },
  // https://weapp-tw.icebreaker.top/docs/quick-start/uni-app-css-macro
  plugins: [
    cssMacro({
      variantsMap: {
        'wx': 'MP-WEIXIN',
        '-wx': {
          value: 'MP-WEIXIN',
          negative: true,
        },
        // 定义多个条件判断
        // mv: {
        //   value: 'H5 || MP-WEIXIN'
        // },
        // '-mv': {
        //   value: 'H5 || MP-WEIXIN',
        //   negative: true
        // }
      },
    }),
    iconsPlugin({
      // 在这里可以选择你要使用的 icon, 更多详见:
      // https://icon-sets.iconify.design/
      collections: getIconCollections(['svg-spinners', 'mdi']),
    }),
  ],
  corePlugins: {
    // 小程序去使用 h5 的 preflight 和响应式 container 没有意义
    preflight: !isMp,
    container: !isMp,
  },
}