当前位置： 首页 > article >正文

在vite上使用tailwindcss详细教程（不报错）

article 2025/2/26 5:46:05

1.添加第三方插件

yarn add tailwindcss @tailwindcss/vite

2.vite.config.js里面配置

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})

3.在style.css上添加注释：

@import "tailwindcss";

以前需要3行，现在只需要一行

以上3部操作 只能是 v4.0以上的版本


http://www.kler.cn/a/561330.html

相关文章：

  • [C++][cmake]使用C++部署yolov12目标检测的tensorrt模型支持图片视频推理windows测试通过
  • Go语言--语法基础3--下载安装--Linux基础操作命令
  • 图神经网络：拓扑数据分析的新时代
  • DeepSeek AI智能运营：重构企业效率的范式革命
  • kafka数据拉取和发送
  • BUU41 [GYCTF2020]FlaskApp1【SSTI】
  • TSMaster【第十四篇：弹指神通——自动化测试框架】
  • [ Android实战 ] selinux “域继承“的方案（通过属性机制实现）
  • 突破性能极限：DeepSeek开源FlashMLA解码内核技术解析
  • 网卡与网口全解析：从基础到Linux高级管理
  • 1分钟用DeepSeek编写一个PDF转Word软件
  • HAProxy- https、四层负载实现与 负载均衡关键技术
  • 建立稳定分析模式的模式语言03
  • C语言--文件操作
  • django：更新页面但未生效
  • C++算法基础语法-13
  • 朝天椒 USB 服务器解决投标CA盾异地连接
  • 微信小程序组件封装与复用：提升开发效率
  • SQL注入（order by，limit），seacms的报错注入以及系统库的绕过
  • 娛閑放鬆篇3