Tailwind and Meteor 3

I’m trying to add Tailwind to my Meteor 3 app. If first tried to do it as described here:

However, this resulted in frequent crashes of the standard-minifier:

Errors prevented startup:

While minifying app stylesheet:
node:fs:562:18: ENOENT: no such file or directory, open '/Users/tom/dev/marble/webapp/imports/ui/components/web3/ConnectWalletButton.js'
  at Object.openSync (node:fs:562:18)
  at Object.readFileSync (node:fs:446:35)
  at /Users/tom/.meteor/packages/meteor-tool/.3.1.2.1fcs6b7.4vyj++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/fs/tools/fs/files.ts:1520:23
  at wrap.makeCacheKey (/Users/tom/.meteor/packages/meteor-tool/.3.1.2.1fcs6b7.4vyj++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/fs/tools/fs/optimistic.ts:36:15)
  at recomputeNewValue (/Users/tom/.meteor/packages/meteor-tool/.3.1.2.1fcs6b7.4vyj++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/lib/node_modules/optimism/src/entry.ts:198:31)
  at Slot.withValue (/Users/tom/.meteor/packages/meteor-tool/.3.1.2.1fcs6b7.4vyj++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/lib/node_modules/@wry/context/lib/context.esm.js:69:29)
  at reallyRecompute (/Users/tom/.meteor/packages/meteor-tool/.3.1.2.1fcs6b7.4vyj++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/lib/node_modules/optimism/src/entry.ts:181:19)
  at Entry.recompute (/Users/tom/.meteor/packages/meteor-tool/.3.1.2.1fcs6b7.4vyj++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/lib/node_modules/optimism/src/entry.ts:91:9)
  at optimistic (/Users/tom/.meteor/packages/meteor-tool/.3.1.2.1fcs6b7.4vyj++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/lib/node_modules/optimism/src/index.ts:150:25)
  at CssFile.readAndWatchFileWithHash (/tools/isobuild/minifier-plugin.js:94:22)
  at packages/minifyStdCSS/plugin/minify-css.js:48:19
  at <runJavaScript-25>:503:26
  at Array.forEach (<anonymous>)
  at <runJavaScript-25>:500:10
  at CssToolsMinifier.watchAndHashDeps (packages/minifyStdCSS/plugin/minify-css.js:47:16)
  at CssToolsMinifier.minifyFiles (packages/minifyStdCSS/plugin/minify-css.js:61:42)
  at CssToolsMinifier.processFilesForBundle (packages/minifyStdCSS/plugin/minify-css.js:125:36)
  at /tools/isobuild/bundler.js:1944:7
  at Object.enterJob (/tools/utils/buildmessage.js:387:12)
  at minifyCssFiles (/tools/isobuild/bundler.js:1942:3)
  at ClientTarget.minifyCss (/tools/isobuild/bundler.js:1716:16)
  at /tools/isobuild/bundler.js:908:11
  at Object.enterJob (/tools/utils/buildmessage.js:387:12)
  at ClientTarget.make (/tools/isobuild/bundler.js:849:5)
  at /tools/isobuild/bundler.js:3299:7
  at /tools/isobuild/bundler.js:3458:25
  at Object.capture (/tools/utils/buildmessage.js:282:5)
  at bundle (/tools/isobuild/bundler.js:3280:18)
  at bundleApp (/tools/runners/run-app.js:585:26)
  at AppRunner._runOnce (/tools/runners/run-app.js:630:35)
  at AppRunner._runApp (/tools/runners/run-app.js:952:23)


Your application has errors. Waiting for file change.

This seems to happen on hot-module reload. So I looked up what Meteor recommended for Tailwind and found this PostCSS package:

The official package, however, conflicts with Meteor 3:

While selecting package versions:
error: Conflict: Constraint minifier-css@1.3.1 is not satisfied by minifier-css 2.0.0.
Constraints on package "minifier-css":
* minifier-css@~2.0.0 <- top level
* minifier-css@1.3.1 <- juliancwirko:postcss 2.0.5

So I am asking myself, what the recommended way is to get full Tailwind support in the first place? I need it for a third-party library that is built upon it.

not quite what you are lookng for but meteor-vite by jorgen vatle works really well for this sort of stuff, when using UI libraries like shadcn

How did u add it? Please mention the steps.

Since I had worked on Improve Tailwind support by harryadel · Pull Request #13534 · meteor/meteor · GitHub
I recommend following Meteor.js with React and Tailwind CSS 3 | by Frederico Maia | Meteor Blog since it’s the one that worked