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

相关推荐
YHHLAI19 小时前
React + TypeScript 实战:从零构建颜色选择器应用
前端·react.js·typescript
光影少年21 小时前
react navite调试方案:Flipper、远程调试
前端·javascript·react native·react.js·前端框架
YHHLAI21 小时前
[特殊字符] 从 JSX 到 TypeScript:React 开发的进化之路
javascript·react.js·typescript
zzzzzz3101 天前
36K stars 之外:如何阅读 react-bits 这样的动画交互式 React 项目
javascript·react.js·动效
Eiceblue1 天前
React 项目实战:用 JavaScript 合并多个本地 Excel 文件
前端·javascript·react.js·excel
CIO_Alliance2 天前
AI提示系列(2)| Few-shot与ReAct有何不同? 大模型工具调用的底层逻辑详解
前端·人工智能·深度学习·神经网络·react.js·前端框架·ai+ipaas
为你学会写情书2 天前
React Hooks 完全指南:从内置 Hook 到自定义 Hook,一文彻底掌握
react.js
为你学会写情书2 天前
React Router 完全指南:从入门到实战,一文搞懂路由核心技巧
react.js
xm_xm_xm_12 天前
react17版本以前类组件常用操作
前端·javascript·react.js