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>