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注释掉

相关推荐
Maimai108088 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
小三金15 小时前
EXPO+RN echarts图表库,以及如何使用
前端·javascript·react.js
weelinking17 小时前
【claude】14_Claude作为技术文档助手
前端·人工智能·react.js·数据挖掘·前端框架
用户8876654266318 小时前
React 多步骤表单工程化落地:从 Zod Schema、React Hook Form 到 Zustand 持久化
react.js
用户8876654266319 小时前
React Query + Zustand 正确结合方式:不要把接口数据复制进 Store
react.js
放下华子我只抽RuiKe520 小时前
React 从入门到生产(三):副作用与数据获取
前端·javascript·深度学习·react.js·开源·ecmascript·集成学习
前端若水21 小时前
技术选型:React 19 + TypeScript + TailwindCSS
前端·react.js·typescript
卸任21 小时前
为Tiptap富文本编辑器增加导出PDF功能
前端·react.js
jiayong2321 小时前
前端面试题库 - React框架篇
前端·javascript·react.js
前端若水1 天前
项目初始化:Vite + React + shadcn/ui
前端·react.js·ui