Introduction

By compiling the tailwind CSS, generating the style and inserting the body independently, you can solve the problem of style overwriting(other library of UI component, like antd & etc.)

Usage

// esm
import { TailwindCssWebpackPlugin } from '@sprit/tailwindcss-webpack-plugin';
// cjs
const { TailwindCssWebpackPlugin } = require('@sprit/tailwindcss-webpack-plugin');

// webpack plugins
{
  plugins: [
    new TailwindCssWebpackPlugin()
  ]
}

Effect

Insert the generated compressed file into the body tag