我想问下，能不能出一份引入tailwind的教程，我看官网也没更新这块的。

[anyone0034]

Describe the bug

我想问下，能不能出一份引入tailwind的教程，我看官网也没更新这块的。

Expected behavior

我想问下，能不能出一份引入tailwind的教程，我看官网也没更新这块的。

Actual behavior

No response

Version of ice.js

0.0.1

Content of build.json or ice.config.mts

Additional context

No response

[minhuaF]

可以试试下面这个方案，it was successful for me.

背景

1、tailwindcss的postcss用法 2、飞冰v3 关于postcss的介绍

流程

1、执行npx tailwindcss init -p； 2、如果ice.config.mts中有配置postcss.plugins，把这里的配置迁移到postcss.config.js 3、根据文档正确配置tailwind.config.js 的content 4、重启即可

[IsUnderAchiever]

仓库里有案例with-tailwindcss

[kahakaha]

我使用了tailwindcss v4官方给出的使用PostCss的方法，同样成功了。

step by step

1. 使用npm或者pnpm安装tailwindcss和postcss

npm install tailwindcss @tailwindcss/postcss postcss

2. 添加tailwindcss插件到ice.config.mts

export default defineConfig(() => ({
  ...,
  postcss: {
    plugins: [
      '@tailwindcss/postcss',
    ],
  },
}));

3. 在global.css的开头增加一行，文件中的其他样式按需保留

@import "tailwindcss";

4. ready to go

npm start

[!IMPORTANT] 我在一个全新的ice项目上完成了测试。但是我无法在ice提供的example上完成复现，不太明白为什么🧐。