umi自带的tailwindcss修改为手动安装

1》为什么改为手动?

主要是为了解决这个报错问题,虽然重新运行也可解决,但是总是要运行2-3次,比较麻烦

2》如何手动

1,先在devDependencies下安装这两个包 pnpm install [email protected] -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注释掉

相关推荐
草明3 小时前
解决: React Native iOS webview 空白页
react native·react.js·ios
高冷的小明5 小时前
React-Find 一款能快速在网页定位到源码的工具,支持React19.x/next 15
前端·javascript·react.js
JiangJiang8 小时前
🔥 第一次在 React 项目中用 UnoCSS,这些坑我都踩了
前端·vue.js·react.js
@PHARAOH10 小时前
WHAT - React Native 开发 App 从 0 到上线全流程周期
javascript·react native·react.js
夜空孤狼啸11 小时前
前端常用拖拽组件库(vue3、react、vue2)
前端·javascript·react.js·typescript·前端框架·vue3
草明12 小时前
解决: React Native android webview 空白页
android·react native·react.js
Hilaku12 小时前
为什么你们的前端视野只剩下 Vue 和 React?
前端·vue.js·react.js
Dream耀13 小时前
React组件通信:从父子传参到跨组件共享
前端·react.js
伍哥的传说14 小时前
前端适配方案之 flexible.js 到 postcss-px-to-viewport-8-plugin插件演进
开发语言·前端·javascript·小程序·ecmascript·postcss
深一海14 小时前
import { Add, Dongdong, UserAdd } from ‘@nutui/icons-react‘ 使用图标导入库报错
前端·react.js·前端框架