项目中万能使用tailwindcss,无版本冲突、报错

1、npm i tailwindcss

"tailwindcss": "^3.4.3"

2、package.json

新建两个css文件tailwindInput.css、tailwindOutput.css,注意路径是否正确

json 复制代码
"scripts": {
    "useTailwindCss": "npx tailwindcss -i ./assets/css/tailwindInput.css -o ./assets/css/tailwindOutput.css --watch",
},

3、项目全局引入tailwindOutput.css

4、运行项目的同时,启动useTailwindCss

shell 复制代码
npm run useTailwindCss
相关推荐
携欢7 分钟前
PortSwigger靶场之Stored DOM XSS通关秘籍
前端·xss
LDM>W<18 分钟前
Electron下载失败
前端·javascript·electron
EndingCoder20 分钟前
Electron 新特性:2025 版本更新解读
前端·javascript·缓存·electron·前端框架·node.js·桌面端
BillKu37 分钟前
Vue3 中使用 DOMPurify 对渲染动态 HTML 进行安全净化处理
前端·安全·html
子兮曰1 小时前
🔥深度解析:Nginx目录浏览美化与功能增强实战指南
前端·javascript·nginx
machinecat1 小时前
node,小程序合成音频的方式
前端·node.js
我是日安1 小时前
从零到一打造 Vue3 响应式系统 Day 4 - 核心概念:收集依赖、触发更新
前端·vue.js
跟橙姐学代码1 小时前
不要再用 print() 了!Python logging 库才是调试的终极武器
前端·python
ze_juejin1 小时前
JavaScript 中预防 XSS(跨站脚本攻击)
前端
我是天龙_绍1 小时前
🐴 记住了,节流(throttle)与防抖(debounce)
前端