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

1》为什么改为手动?

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

2》如何手动

1,先在devDependencies下安装这两个包 pnpm install [email protected] -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注释掉

相关推荐
菥菥爱嘻嘻2 小时前
React---day5
前端·react.js·前端框架
Adolf_19934 小时前
JavaScript中的命名导出(暴露)
前端·javascript·react.js
天天扭码13 小时前
在React项目中实现富文本编辑文章并发布
前端·react.js·github
天天扭码13 小时前
前端必备 | 一文掌握React的Token管理
前端·javascript·react.js
菥菥爱嘻嘻20 小时前
React---day4
前端·react.js·前端框架
EndingCoder20 小时前
React从基础入门到高级实战:React 核心技术 - React 状态管理:Context 与 Redux
前端·javascript·react.js·前端框架
码界奇点20 小时前
React 生命周期与 Hook:从原理到实战全解析
前端·react.js·前端框架·生活·reactjs·photoshop
zhutoutoutousan1 天前
基于React和TypeScript的金融市场模拟器开发与模式分析
前端·人工智能·react.js·金融·typescript·机器人·自动化
初遇你时动了情1 天前
ts 泛型
javascript·react.js·typescript
EndingCoder1 天前
React从基础入门到高级实战:React 生态与工具 - React 单元测试
前端·javascript·react.js·typescript·单元测试·前端框架