/umi-plugin-tailwindcss

umi-plugin-tailwindcss

Primary LanguageTypeScript

umi-plugin-tailwindcss

umi-plugin-tailwindcss

中文文档

Install

Using npm:

$ npm install umi-plugin-tailwindcss -D

or using yarn:

$ yarn add umi-plugin-tailwindcss -D

Setup

tailwindCssFilePath?: string.

tailwind.css file path, can be missing。

// .umirc.ts
// eg
...
tailwindcss: {
  tailwindCssFilePath?: '@/tailwind.css',
  tailwindConfigFilePath?: 'tailwind-custom.config.js' // 默认取值 tailwindConfigFilePath || join(process.env.APP_ROOT || api.cwd, 'tailwind.config.js'),
},
...

Explain

This plugin do the following things to support tailwind in umi。

  1. Add tailwindcss dependencies auto。
  2. Add Tailwind to your CSS。If tailwindCssFilePath setting exist, plugin will import this css file automatically. If not exist, will create a temporary file, and import it.
  3. If tailwind.config.js not exist at tailwindConfigFilePath, it will create one。
  4. Add postcss plugin in umi。