Monorepo issues

[nmihaica]

What version of Tailwind CSS are you using?

For example: v3.4.17

What build tool (or framework if it abstracts the build tool) are you using?

For example: webpack 5

What version of Node.js are you using?

For example: v22

What browser are you using?

For example: Chrome

What operating system are you using?

For example: Fedora

Reproduction URL

[[A Tailwind Play link or public GitHub repo that includes a minimal reproduction of the bug. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private/confidential, since we want a link to a separate, isolated reproduction anyways.

A reproduction is required when filing an issue — any issue opened without a reproduction will be closed and you'll be asked to create a new issue that includes a reproduction. We're a small team and we can't keep up with the volume of issues we receive if we need to reproduce each issue from scratch ourselves.]

https://github.com/nmihaica/preact-shell)

Describe your issue

Tailwind does warns Content is empty when building via webpack in Monorepo setting

[ImaJosBuggova]

+1

[wongjn]

Seems to me because you are using a postcss.config.js file which takes precedence over the PostCSS plugins included in the webpack.common.js file. Consider moving the definitions in webpack.common.js to postcss.config.js:

--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,8 @@
+const path = require("path");
+
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    tailwindcss: path.resolve(__dirname, 'tailwind.config.js'),
     autoprefixer: {},
   },
 };
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -50,11 +50,6 @@ module.exports = (appName, remoteConfig = {}) => {
   options: {
     postcssOptions: {
       config: path.resolve(__dirname, 'postcss.config.js'),
-      // Enable logging of plugin options
-      plugins: [
-        require('tailwindcss')(path.resolve(__dirname, 'tailwind.config.js')),
-        require('autoprefixer'),
-      ],
     },
     sourceMap: true,
   },

[nmihaica]

@wongjn saved my ass.

https://calendar.app.google/Vm1SiVF6sMWHkT6H6