项目中万能使用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
相关推荐
向下的大树1 分钟前
Vue 2迁移Vue 3实战:从痛点到突破
前端·javascript·vue.js
我很苦涩的3 分钟前
原生小程序使用echarts
前端·小程序·echarts
玉米Yvmi10 分钟前
从零理解 CSS 弹性布局:轻松掌控页面元素排布
前端·javascript·css
西洼工作室10 分钟前
前端js汉字手写练习系统
前端·javascript·css
程序员爱钓鱼14 分钟前
Node.js 编程实战:CSV&JSON &Excel 数据处理
前端·后端·node.js
徐同保17 分钟前
n8n+GPT-4o一次解析多张图片
开发语言·前端·javascript
DanyHope24 分钟前
LeetCode 128. 最长连续序列:O (n) 时间的哈希集合 + 剪枝解法全解析
前端·leetcode·哈希算法·剪枝
GISer_Jing29 分钟前
AI赋能前端:从核心概念到工程实践的全景学习指南
前端·javascript·aigc
|晴 天|30 分钟前
前端事件循环:宏任务与微任务的深度解析
前端
用户44455436542639 分钟前
Android开发中的封装思路指导
前端