Tailwindcss: Request for config example when using postcss-loader

[brandonpittman]

I'm using Vue-cli 3 and out of the box, it sets up a PostCSS config using the object syntax

plugins: {
  autoprefixer: {}
}

What would be the object to pass to Tailwind in this case?

[tzurbaev]

You can replace it with the old syntax if it's ok for you:

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

[brandonpittman]

@tzurbaev I already know that.

[adamwathan]

Just put the path to your config file:

plugins: {
  tailwindcss: "./tailwind.js",
  autoprefixer: {}
}

Example from a Vue CLI 3 project: https://github.com/adamwathan/vue-cli3-tailwind/blob/master/package.json#L33-L39

[brandonpittman]

@adamwathan Thank you very much!