Console.log is included in generated css

Hello,

I’m using Hugo v0.74.3-DA0437B4 and Tailwind 1.7.1

I’m compiling my css with PostCSS using Hugo pipelines. {{ $styles := resources.Get "css/site.css" | resources.PostCSS }} like so. My postcss.config.js file is as follows

const production = process.env.HUGO_ENVIRONMENT === "production";

module.exports = {
    plugins: [
        require("tailwindcss"),
        require("autoprefixer"),
        production && require("cssnano")
    ]
};

This generates css which includes some console.log that comes from Tailwind. Like this:


info - You have opted-in to future-facing breaking changes: removeDeprecatedGapUtilities
info - These changes are stable and will be the default behavior in the next major version of Tailwind.
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;
...

Did anybody encounter this type of issue before?

Related?

1 Like

If I compile the css just with Tailwind/PostCSS with npx tailwindcss build assets/css/site.css -o output.css this issue doesn’t happen. So that’s why I was thinking this might be related to Hugo.

FYI

https://github.com/gohugoio/hugo/issues/7581
https://github.com/tailwindlabs/tailwindcss/issues/2203
https://github.com/tailwindlabs/tailwindcss/issues/2199

I guess I’m not the only one interested in the new Tailwind release.

@canvural Please confirm that this is resolved with tailwindcss 1.7.3. Thanks.

1 Like

Just tried Tailwind 1.7.3. Yes, it’s solved. Thanks!

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.