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

相关推荐
liuchangng1 小时前
React 19 + Vite 6 实战:从教材 PDF 到 866 词间隔重复单词 App
前端·react.js·pdf·vite·开源项目
鸿蒙开发14 小时前
Three.js 首帧卡顿排查:compileAsync 之后,为什么还会停一下?
react.js·three.js
小李科技1 天前
【性能优化】事件委托:目标定位与 React/Vue 实战
前端·vue.js·react.js·面试·性能优化·前端框架
csj501 天前
前端基础之《React(16)—Modal组件封装》
前端·react.js
ZoeLandia3 天前
React11:数据请求与 TanStack Query
前端·react.js·typescript·react
瓦瓦gogo3 天前
实习中接触前端开发后,我开始了解 React
前端·react.js·前端框架
ZoeLandia4 天前
React08:自定义 Hook
开发语言·前端·react.js·typescript
空中湖6 天前
用 React 写数据大屏:为什么我不建议用图表库
前端·react.js·前端框架
来一首_We_go7 天前
React Flow Pro 高级交互实现
前端·react.js
weedsfly7 天前
React 不可变数据:为什么页面“明明数据变了却不更新
前端·javascript·react.js