Problem with @import of TailwindCSS inside CSS-files

[jakoblind]

Hi,

I'm working on adding Snowpack support at createapp.dev and found an issue when implementing TailwindCSS support with only CSS.

I have a file called styles.css that I import from my root JS file with import "./styles.css";. The contents of styles.css look like this:

@import 'tailwindcss/dist/base.css';
@import 'tailwindcss/dist/components.css';
@import 'tailwindcss/dist/utilities.css';

I get this error:

Unhandled Runtime Error
Uncaught SyntaxError: Unexpected token '/'

If I skip the styles.css and import the tailwind files straight from the JS, it works as expected. Happy for any input here!

[melissamcewen]

Hi @jakoblind I'm going to take a look at this soon, we're hoping to publish a TailwindCSS guide that should explain the different ways to implement it in Snowpack

[jakoblind]

Thanks ! I've followed the docs closely (https://www.snowpack.dev/#tailwind-css), but a more detailed guide would be useful! :)

To reproduce the error you can go to https://createapp.dev/snowpack , pick React, "Tailwind CSS" and unselect PostCSS.

[FredKSchott]

Thanks @jakoblind! I was able to reproduce locally, fixed in aae7908.