tailwind: 添加 jsw-presets

在项目中添加 jsw-presets 配置

01 安装 jswork-presets 包

安装 npm 配置

yarn add --dev @jswork/presets-tailwind

02 修改配置

tailwind.config.js 的配置信息如下

import jswPresets from '@jswork/presets-tailwind';

/** @type {import('tailwindcss').Config} */
export default {
  presets: [jswPresets()],
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {},
  },
  plugins: ['prettier-plugin-tailwindcss'],
};

03 测试是否生效

添加 debug-red 边框

<div className="debug-red">Hello</div>
jsw jswork presets