项目中万能使用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
相关推荐
web前端神器3 分钟前
指定阿里镜像原理
前端
枷锁—sha8 分钟前
【DVWA系列】——CSRF——Medium详细教程
android·服务器·前端·web安全·网络安全·csrf
枷锁—sha9 分钟前
跨站请求伪造漏洞(CSRF)详解
运维·服务器·前端·web安全·网络安全·csrf
群联云防护小杜25 分钟前
深度隐匿源IP:高防+群联AI云防护防绕过实战
运维·服务器·前端·网络·人工智能·网络协议·tcp/ip
汉得数字平台43 分钟前
【鲲苍提效】全面洞察用户体验,助力打造高性能前端应用
前端·前端监控
花海如潮淹1 小时前
前端性能追踪工具:用户体验的毫秒战争
前端·笔记·ux
_丿丨丨_6 小时前
XSS(跨站脚本攻击)
前端·网络·xss
天天进步20156 小时前
前端安全指南:防御XSS与CSRF攻击
前端·安全·xss
拾光拾趣录8 小时前
括号生成算法
前端·算法
拾光拾趣录9 小时前
requestIdleCallback:让你的网页如丝般顺滑
前端·性能优化