添加默认依赖 tailwind #2

New Issue

abearxiong · 2024-11-01T15:43:18+08:00

abearxiong commented

2024-11-01 15:43:18 +08:00

"@build/tailwind": "^1.0.0",
"@kevisual/query": "0.0.7-alpha.1",
"@kevisual/router": "0.0.4-alpha-5",

"@build/tailwind": "^1.0.0", "@kevisual/query": "0.0.7-alpha.1", "@kevisual/router": "0.0.4-alpha-5",

abearxiong commented

2024-11-01 15:43:28 +08:00

console.log('tailwind.config.js');
import  plugin  from '@build/tailwind';
/** @type {import('tailwindcss').Config} */
export default {
  darkMode: ['class'],
  content: ['./src/**/*.{ts,tsx,js,html}', './pages/**/*.{ts,tsx,js,html}'],
  plugins: [require('@tailwindcss/aspect-ratio'), require('@tailwindcss/typography'), require('tailwindcss-animate'), plugin],
  theme: {
    extend: {},
    screen: {
      sm: '640px',
      // => @media (min-width: 640px) { ... }

      md: '768px',
      // => @media (min-width: 768px) { ... }

      lg: '1024px',
      // => @media (min-width: 1024px) { ... }

      xl: '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }
      '3xl': '1920px',
      // => @media (min-width: 1920) { ... }
      '4xl': '2560px',
      // => @media (min-width: 2560) { ... }
    },
  },
};

```js console.log('tailwind.config.js'); import plugin from '@build/tailwind'; /** @type {import('tailwindcss').Config} */ export default { darkMode: ['class'], content: ['./src/**/*.{ts,tsx,js,html}', './pages/**/*.{ts,tsx,js,html}'], plugins: [require('@tailwindcss/aspect-ratio'), require('@tailwindcss/typography'), require('tailwindcss-animate'), plugin], theme: { extend: {}, screen: { sm: '640px', // => @media (min-width: 640px) { ... } md: '768px', // => @media (min-width: 768px) { ... } lg: '1024px', // => @media (min-width: 1024px) { ... } xl: '1280px', // => @media (min-width: 1280px) { ... } '2xl': '1536px', // => @media (min-width: 1536px) { ... } '3xl': '1920px', // => @media (min-width: 1920) { ... } '4xl': '2560px', // => @media (min-width: 2560) { ... } }, }, }; ```

abearxiong commented

2024-11-01 15:44:01 +08:00

import '@build/tailwind/css'

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: template/vite-react-template#2