如何在postcss.config.js中不使用require()配置Tailwind嵌套声明功能

你可以直接使用如下对象格式的postcss.config.js配置，功能和官方给出的require数组写法完全等效：

// postcss.config.js
module.exports = {
  plugins: {
    'postcss-import': {},
    'tailwindcss/nesting': {},
    tailwindcss: {},
    autoprefixer: {},
  }
}

注意PostCSS加载对象格式的插件时会按照键的书写顺序从上到下执行，不要调整上述配置的插件顺序，否则会导致功能异常。

内容的提问来源于stack exchange，提问作者Vokz Gnakx