526互联

dumi 如何配置 tailwindcss

发布时间 2023-07-11 11:22:09作者: unfetteredman

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.