项目中万能使用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
相关推荐
一切皆是因缘际会8 小时前
大模型应用
前端·人工智能
SCandL1528 小时前
【无标题】
前端
你挚爱的强哥9 小时前
如何设置 Chrome 打开默认页面不要是360的主页https://hao.360.com/?src=lm&ls=n6205869099
前端·chrome·360首页劫持
总要学点什么9 小时前
第75篇:右键菜单控件——把一张会做事的菜单钉在鼠标落下的那点
前端·信息可视化·echarts·cesium·空间分析
计算机魔术师9 小时前
国办说AI要"缓"着上,但你公司可能已经全上完了
前端
IT_陈寒9 小时前
SpringBoot性能优化完全指南
前端·人工智能·后端
溪语流沙10 小时前
【每天一个CSS | Day33】聚焦即弹出的命令面板
前端·css·html5·组件·每日一练
燕落南枝10 小时前
CSS 用户行为伪类::hover 与 :focus 详解
前端·css
风骏时光牛马10 小时前
业务基础信息管理库
前端
zyxqyy&∞10 小时前
sqli-labs-布尔盲注 (Less-8),时间盲注 (Less-9~10)
前端