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

相关推荐
zhenryx6 小时前
React Native 自定义 ScrollView 滚动条:开箱即用的 IndicatorScrollView(附源码示例)
javascript·react native·react.js·typescript
Xeon_CC8 小时前
在react-app-rewired工程项目中,调试AntVG6库源码包。
前端·react.js·前端框架
码上成长9 小时前
React 18 并发特性:useTransition 和 useDeferredValue 动画级解释
javascript·react.js·ecmascript
G***T69110 小时前
React性能优化实战,避免不必要的重渲染
前端·javascript·react.js
菜鸟‍21 小时前
【前端学习】React学习【万字总结】
前端·学习·react.js
博客zhu虎康1 天前
React+Ant design
javascript·react.js·ecmascript
一只小阿乐1 天前
react 封装弹框组件 传递数据
前端·javascript·react.js
禁止摆烂_才浅1 天前
前端开发小技巧-【JavaScript】- 获取元素距离 document 顶部的距离
前端·javascript·react.js
打小就很皮...2 天前
基于 Dify 实现 AI 流式对话:组件设计思路(React)
前端·react.js·dify·流式对话
一只小阿乐2 天前
前端react 开发 图书列表分页
前端·react.js·react·ant-