！默认CSS字体家族特异性标签

Question

I am using local css-modules in react/webpack to build some local fonts in a dev environment.

I see this !default tag added to my computed styles in all browsers which invalidates all css font-family rules.

Files received by the browser under sources in Chrome do not have this tag.

How can I remove this !default string? Or further debug in chrome.

Answer 1

I found the answer had to do with a webpack version update and css-module. Thanks for the comment @Mr-Lister I did learn a thing. Hope someone else who comes across an issue with the webpack dependency web and can know just to pin the version so there are no minor semver upgrades.

github link 1

github link 2