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

相关推荐
懋学的前端攻城狮2 小时前
从 UI = f(state) 到 Fiber 架构:解构 React 设计哲学的“第一性原理”
前端·react.js·前端框架
前端小咸鱼一条3 小时前
React中的this绑定
前端·javascript·react.js
前端小咸鱼一条3 小时前
React的基本语法和原理
前端·javascript·react.js
十盒半价13 小时前
React 牵手 Coze 工作流:打造高效开发魔法
react.js·coze·trae
轻语呢喃18 小时前
React.memo:组件性能 "还能再优化一下"
javascript·react.js
前端开发呀1 天前
震惊!开启浏览器翻译竟会导致react应用报错?
前端·react.js
Sun_light1 天前
从 0 到 1 实现低代码编辑器的基本功能
前端·react.js·typescript
WildBlue1 天前
从 0 到 1 上手 React 中的 mitt,前端小白也能秒懂!🤓
前端·react.js·前端框架
iaku1 天前
🔥React高级特性实战:错误边界、Portals与Refs进阶
前端·react.js·trae