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

Q_0042025-03-21 3:09

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