当前位置: 首页 > article >正文

umi自带的tailwindcss修改为手动安装

1》为什么改为手动?

主要是为了解决这个报错问题,虽然重新运行也可解决,但是总是要运行2-3次,比较麻烦

2》如何手动

1,先在devDependencies下安装这两个包 pnpm install postcss@8.5.1 -D

"autoprefixer": "^10.4.20",

"postcss": "8.5.1",

2,在根目录添加postcss.config.js文件

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

3,将tailwind.css文件移动到src/style下,然后再global.css里引入,放在第一行引入

3,将.umirc.ts里的taliwindcss注释掉


http://www.kler.cn/a/593308.html

相关文章:

  • PyQt6嵌入HTML5内容教程
  • STM32-汇编
  • Kafka 的消息机制以及消息丢失等问题
  • LeetCode hot 100—每日温度
  • Flutter:页面滚动,导航栏背景颜色过渡动画
  • 鸿蒙NEXT项目实战-百得知识库01
  • 无线数据网关 自动化测控的LoRa-4G混合网络 串口升级、信号扩展 高效物联传输网络
  • 实验3:Vue.js组件实验
  • 蓝桥杯算法分享:征服三座算法高峰
  • vue3_弹窗数字表单组件
  • docker 部署elk 设置账号密码
  • MySQL数据高效同步到Elasticsearch的四大方案
  • 利用大语言模型生成的合成数据训练YOLOv12:提升商业果园苹果检测的精度与效率
  • 【QT】】qcustomplot的初步使用二
  • 欢乐力扣:基本计算器
  • 阿里云 AI 搜索产品荣获 Elastic Innovation Award 2024
  • 合法C标识符查(信息学奥赛一本通-1134)
  • 理解PyTorch 张量的多维张量索引
  • 【Docker】- Dockerfile和Docker Compose 基础配置
  • sqlite mmap