There is any way to implement postcss.config.js

[anish2690]

trying to use tailwidncss
https://tailwindcss.com/docs/installation/#using-tailwind-with-postcss

postcss.config.js
module.exports = {
  plugins: [
    // ...
    require('tailwindcss'),
    require('autoprefixer'),
    // ...
  ]
}

thanks in advance, I appreciate if you can provide a code sample

[lzxb]

import { Plugin, PostcssOptions } from '@fmfe/genesis-core';

export class PostcssPlugin extends Plugin {
    public postcss(config: PostcssOptions) {
        config.plugins.push({
            // 插件
        });
    }
}

genesis.dev.ts and genesis.build.ts use this plug-in

ssr.plugin.use(PostcssPlugin);

[lzxb]

In the production environment, the following configurations are enabled by default

            postcssConfig.plugins.push(
                ...[
                    postcssPresetEnv({
                        browsers: ssr.getBrowsers('client')
                    }),
                    cssnano({
                        preset: [
                            'default',
                            {
                                mergeLonghand: false,
                                cssDeclarationSorter: false
                            }
                        ]
                    })
                ]
            );