@cnyyc-postcss8-plugin/tailwindcss-style-level-modification-plugin v1.0.3

Why use? (为什么使用)

When we encounter a third-party ui framework+tailwindcss, we can automatically weight the class selector of tailwindcss to override the default style of the third-party ui framework.

(当我们遇到第三方 ui 框架+tailwindcss 时，可以自动将 tailwindcss 的类选择器加权，从而覆盖第三方 ui 框架的默认样式)

How to use? (如何使用)

1. Download.

npm install @cnyyc-postcss8-plugin/tailwindcss-style-level-modification-plugin -D

2. Use.

//postcss.config.{js,cjs}
/**@type {import("@cnyyc-postcss8-plugin/tailwindcss-style-level-modification-plugin")["default"]} */
const tailwindcssStyleLevelModificationPlugin = require("@cnyyc-postcss8-plugin/tailwindcss-style-level-modification-plugin");

module.exports = {
  plugins: [
    require("tailwindcss"),
    require("autoprefixer"),
    tailwindcssStyleLevelModificationPlugin(),
  ],
};

Deps (依赖)

At least postcss 8

{
  "devDependencies": {
    "postcss": "^8.0.0"
  }
}