Webpack watch breaks when @apply'ing a non-existing class. about tailwindcss HOT 4 CLOSED

Mmmm.. spent more time on this, and it seems this happens only on an @apply error in an @imported CSS file.

If I have a typo in my main css file, rebuild after error works.

I'm using postcss-easy-import which is basically postcss-import with globs, the problem is probably there. I'll report back.

from tailwindcss.

Couldn't make it work with postcss-import. I've resolved by converting all my stylesheets to SASS and using it to concatenate imports, which are then processed by postcss and tailwind.

Here's my webpack rules:

 // Preloader to support globbed @import on SASS
      {
        test: /\.s?css$/,
        enforce: "pre",
        loader: "import-glob-loader"
      },
      {
        test: /\.s?css$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: ["css-loader", "postcss-loader", "sass-loader"]
        })
      }

And my main CSS:

@tailwind preflight;

@import "./components/*";

@tailwind utilities;

@import "./utilities";

from tailwindcss.

Pinging #53 since I originally got the idea of using postcss-import from there.

from tailwindcss.

I have the same issue that webpack sopts watching... It's not a dealbreaker but kind of annoying every time I need to restart the process.

from tailwindcss.