Tailwind CSS support Deno

[mojtabakaviani]

Please add Tailwind CSS to Deno Modules and Postcss transform.

[K-REBO]

How about Deno PostCss plugin

[aadamsx]

Is Tailwind compatible with Deno + React?

[eliassjogreen]

Doesn't work for me as I am getting the following error when using the tailwindcss plugin for postcss:

import postcss from "https://esm.sh/postcss@8.2.8";
import tailwindcss from "https://esm.sh/tailwindcss@2.0.4?external=postcss@8.2.8";

const result = await postcss([tailwindcss]).process(css);

throws

error: Uncaught TypeError: g_.Parser.extend(...).extend is not a function
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:25:17336
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:2:759
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:25:26231
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:2:759
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:25:27733
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:2:759
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:87:36739
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:2:759
    at https://cdn.esm.sh/v29/tailwindcss@2.0.4/external=postcss@8.2.8/deno/tailwindcss.js:87:37941

[roelandxyz]

Is that a acorn problem then?

I used these imports:

import postcss from 'https://deno.land/x/postcss/mod.js'
import tailwindcss from 'https://jspm.dev/tailwindcss'

[lucidNTR]

its more than acorn. my list is currently (im sure there is more): acorn-node fsevents chokidar. we need a tailwind module export that does not make use of node modules or direct filesystem apis... im currently working on bundling a reexport of tailwind with rollup and try to inject stubs or node-compat libraries for those

[lucidNTR]

update: it seems to really boil down to acorn compatibility. the other modules could be polyfilled so far, but also with the deno node-polifills and the nodePolifill plugin of rollup i do not get past this error:

error: Uncaught TypeError: acorn.Parser.extend(...).extend is not a function

[tzvc]

@lucidNTR Were you able to polyfill acorn?

[lucidNTR]

nope, I had to migrate to the tailwind compatible windicss in the end which had no such issues and served me well since the

…

On Mon 10. Oct 2022 at 15:47 Théo champion ***@***.***> wrote: @lucidNTR <https://github.com/lucidNTR> Were you able to polyfill acorn? — Reply to this email directly, view it on GitHub <#2971 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAI7EBFZPJOMAHTRY7HUH3TWCQF5FANCNFSM4UJSNZSA> . You are receiving this because you were mentioned.Message ID: ***@***.*** com>

[kyeotic]

How did you get this setup?

[lucidNTR]

i wrote a custom build plugin inspired loosely based on https://github.com/windicss/svelte-windicss-preprocess

what you need to do is hugely dependent on where it should be integrated and the rest of your pipeline