question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue with SheetRegistry.toString({format: false}) minifyer - part of the css is not minified

See original GitHub issue

Expected behavior: Minify all the server-side CSS.

Describe the bug: Font faces and CSS variables are not getting minified In Next.js app.

Reproduction: Create CSS file with CSS variables and font faces, and get the registry string with Registry.toString({format: false})

Versions (please complete the following information):

  • react-jss: 10.8.0
  • Browser [e.g. chrome, safari]: chrome
  • OS [e.g. Windows, macOS]: macOS Feel free to add any additional versions which you may think are relevant to the bug.

Managing expectations:

Maintainers will not be fixing the problem you have unless they have it too, if you want it to get fixed:

  1. Submit a PR with a failing test
  2. Discuss a solution
  3. Implement it

You can also do the first step only and wait for someone else to work on a fix. Anything is much better than nothing.

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:9 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
armen665commented, Oct 26, 2021

@kof @briganti thank you for your quick actions.

1reaction
briganticommented, Oct 25, 2021

Found it, the format option doesn’t work with @global rule. PR incoming .

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS Minification Incorrect, possible to disable minify but still ...
Hello. With CSS Optimization enabled, some styles are not being applied despite the rules coming through in the minified CSS. Checking into it,...
Read more >
uglify-js - npm
UglifyJS is a JavaScript parser, minifier, compressor and beautifier toolkit. Note: uglify-js supports JavaScript and most language features in ...
Read more >
ASP.NET Bundles how to disable minification - Stack Overflow
Goal: To always bundle the files, to disable the JS and CSS minification in the event that <compilation debug="true" ... /> and to...
Read more >
a class name generator function - JSS
This is an object which contains a single attribute called minify which should be ... toString({format: false}) // Returns a CSS string without...
Read more >
What is Minification | Why minify JS, HTML, CSS files - Imperva
Discover how minification works, and how to minify HTML, CSS, and JavaScript. Minification minimizes code & markup, reducing load times and bandwidth usage....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found