技术栈

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

Amodoro2024-08-03 10:41

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基础之CSS
下一篇:C&C++:贪吃蛇小游戏教程
相关推荐
是小狐狸呀
1 小时前
elementUI-表单-下拉框数据选中后,视图不更新
前端·javascript·elementui
四岁半儿
4 小时前
常用css
前端·css
你的人类朋友
5 小时前
说说git的变基
前端·git·后端
姑苏洛言
5 小时前
网页作品惊艳亮相!这个浪浪山小妖怪网站太治愈了!
前端
字节逆旅
5 小时前
nvm 安装pnpm的异常解决
前端·npm
Jerry
5 小时前
Compose 从 View 系统迁移
前端
GIS之路
5 小时前
2025年 两院院士 增选有效候选人名单公布
前端
四岁半儿
5 小时前
vue,H5车牌弹框定制键盘包括新能源车牌
前端·vue.js
烛阴
6 小时前
告别繁琐的类型注解:TypeScript 类型推断完全指南
前端·javascript·typescript
gnip
6 小时前
工程项目中.env 文件原理
前端·javascript
热门推荐
01UV安装并设置国内源02DeepSeek更新!速览DeepSeek V3.1新特性03KGG转MP3工具|非KGM文件|解密音频04Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code05蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接06【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)07Claude Code VSCode集成开发指南:AI编程助手完整配置08Spring 调试终于不再痛苦了092025最新国内服务器可用docker源仓库地址大全(2025年8月更新)10Linux下V2Ray安装配置指南