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

相关推荐
sorryhc19 分钟前
【AI解读源码系列】ant design mobile——Avatar头像
前端·javascript·react.js
wordbaby2 小时前
React 类组件生命周期到 Hooks 的完整迁移指南
前端·react.js
江城开朗的豌豆2 小时前
React Fiber:从"卡顿"到"流畅",解密幕后调度艺术
前端·javascript·react.js
江城开朗的豌豆2 小时前
React全家桶:从"玩具"到"生产力"的奇妙之旅
前端·javascript·react.js
江城开朗的豌豆3 小时前
React传送门createPortal
前端·javascript·react.js
Python私教5 小时前
yggjs_rlayout框架v0.1.2使用教程 02 TechLayout 布局组件
react.js
胡gh11 小时前
依旧性能优化,如何在浅比较上做文章,memo 满天飞,谁在裸奔?
前端·react.js·面试
项目題供诗12 小时前
React学习(十二)
javascript·学习·react.js
GISer_Jing16 小时前
Vue Teleport 原理解析与React Portal、 Fragment 组件
前端·vue.js·react.js
腹黑天蝎座18 小时前
如何更好的封装一个接口轮询?
前端·react.js