Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to integrate PostCSS

See original GitHub issue

Hello, I’m trying to enable PostCSS but the configuration file (postcss.config.js) inside the project root is not recognized.

I’m also trying to integrate PostCSS by using the official snowpack plugin, but it doesn’t seem to work. I’ve created both snowpack.config.json and postcss.config.js.

EDIT: It seems that only .postcssrc file is recognised.

Issue Analytics

State:
Created 3 years ago
Comments:6 (4 by maintainers)

Top GitHub Comments

4reactions

natemoo-recommented, Dec 21, 2020

I added a working Tailwind example in cadd0a5. Since Tailwind doesn’t currently support a tailwind.config.cjs file (I’m planning to make a PR to fix this), you need to actually require the config from postcss.config.cjs and then pass it to the tailwindcss plugin. Not ideal, but it works for now. Once Tailwind supports a .cjs config file this should be much easier.

4reactions

natemoo-recommented, Dec 20, 2020

I definitely want this to be super simple out of the box! In this case I think it might be because Microsite uses "type": "module" in a project’s package.json file. PostCSS only picks up on CJS, so try postcss.config.cjs?

Microsite automatically uses the official Snowpack plugin if it picks up on a PostCSS configuration file (via cosmiconfig). Custom snowpack.config.js files is something I want to add for the next release, though.