dumi 如何配置 tailwindcss

dumi 如何配置 tailwindcss

 


tailwindcss 配置项需要安装 @umijs/plugins 到 devDeps，并且挂载 @umijs/plugins/dist/tailwindcss 插件才能使用

 

具体实现，可以参考以下步骤：

1. 安装：

   yarn add -D @umijs/plugins tailwindcss

2. 在 .dumirc.ts 中添加插件：

   plugins: ['@umijs/plugins/dist/tailwindcss']

3. 启用插件：同样在 .dumirc.ts 加入

   tailwindcss: {} //在umi中，表示启用该插件

4. 确保已创建 tailwind.config.js 和 tailwind.css，我的使用例子如下图中的标注：

5.