项目中万能使用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
相关推荐
颜酱12 分钟前
了解 Cypress 测试框架,给已有项目加上 Cypress 测试
前端·javascript·e2e
技术小丁25 分钟前
uni-app 广告弹窗最佳实践:不扰民、可控制频次、含完整源码
前端·uni-app·1024程序员节
quan263126 分钟前
日常开发20251022,传统HTML表格实现图片+视频+预览
前端·javascript·html·html列表实现图片+视频
陶甜也1 小时前
ThreeJS曲线动画:打造炫酷3D路径运动
前端·vue·threejs
楊无好1 小时前
react中的受控组件与非受控组件
前端·react.js
菠萝+冰1 小时前
react虚拟滚动
前端·javascript·react.js
落一落,掉一掉1 小时前
第十三周前端加密绕过
前端
高德开放平台2 小时前
实战案例|借助高德开放平台实现智慧位置服务:路线导航的开发与实践
前端·后端
老前端的功夫3 小时前
# HTTP缓存:从懵懵懂懂到了如指掌
前端
安卓开发者3 小时前
Docker与Nginx:现代Web部署的完美二重奏
前端·nginx·docker