假设你已经有一个工作的WP插件以下的范例创建块.
Install Tailwind using postcss：

npm I -D tailwindcss postcss autoprefixer
npx tailwind init -p

-p参数创建了一个默认的postcss配置，这将做。Create-post不提供一个。
然后我们编辑tailwind配置文件以包含所有src js：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{html,js}'],
  theme: {
    extend: {},
  },
  plugins: [],
}

基本的顺风配置现在已经准备好了。
在src块中，我们添加一个edit.css或style.css，并将它们导入到edit.js和save.js中。构建后，每个css文件生成一个index.css和style.css，前者在编辑器中加载，后者在前端（documentation）中加载。每个css文件应该有：

@tailwind base;
@tailwind components;
@tailwind utilities;

在src下的一个插件中有多个块的情况下，我发现如果我们想让tailwind build为它们生成类，所有这些插件的CSS文件中都应该有上述语句。
关于构建操作，我发现webpack会自动加载postcss，并在正常的wp脚本启动和构建过程中生成顺风构建。
在任何情况下，我使用的是一个自定义的webpack配置文件，我还发现它会自动加载，如果它存在的话。它不包含任何关于postcss的内容，我只是为了完整起见才发布它。

/** @type {import('webpack').defaultConfig} */
const defaultConfig = require('@wordpress/scripts/config/webpack.config');
const path = require('path');

/** @type {import('webpack').Configuration} */
module.exports = {
    ...defaultConfig,
    output: {
        path: path.resolve(__dirname, '../wordpress/wp-content/plugins/my-plugin/build'),
    },
};

我希望这是有帮助的。如果我遗漏了什么让我知道。