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

相关推荐
ShoaibShokat036 小时前
React 19 + TypeScript 实战:把 Ludo 游戏拆成纯引擎、状态层和可替换网络层
react.js
kisdiem7 小时前
ReAct:让大模型一边推理,一边行动
前端·react.js·前端框架
尽兴-8 小时前
4.1 智能体核心:Agent、Sub-Agent、ReAct、规划执行
前端·javascript·react.js·agent·react·subagent
kyrie2814 小时前
React中如何模拟vue中的watch,computer,v-model
react.js
放下华子我只抽RuiKe514 小时前
FastAPI 全栈后端(八):部署与运维
运维·数据库·react.js·oracle·数据挖掘·前端框架·fastapi
TheITSea14 小时前
一、React初体验:搭建、解析现代开发环境
前端·react.js·前端框架
光影少年14 小时前
避免不必要渲染:PureComponent、memo、useMemo、useCallback
react.js·面试·掘金·金石计划
aaaa9547266515 小时前
终端与IDE形态Vibe Coding实测:主流AI编程工具迁移与迭代对比
javascript·react.js·ecmascript
放下华子我只抽RuiKe516 小时前
FastAPI 全栈后端(七):测试与自动化
运维·前端·人工智能·react.js·前端框架·自动化·fastapi