Locally Scoped Styles about react-pwa HOT 7 CLOSED

Hey @dav-is thanks for raising the question, only the Styles in resources are globally scoped and should be used for 3rd party library.
all the css in compnents like
src/components/home/style.scss
Is locally scoped.

from react-pwa.

The classnames aren’t scoped. It uses style_${classname} so it may be scoped by the route but the classnames can conflict.

from react-pwa.

See “modules” in the css-loader repo. Seems to be set to false in the repo when it should be true

from react-pwa.

@dav-is For development mode only there is style_${classname} for production mode that gets converted to module scoped with hash.

const localIdentName = isResource ?
    "[local]":
    (
      development ? "[name]__[local]" : "[name]_[local]_[hash:base64:5]"
    );

from react-pwa.

That’s an issue. CSS doesn’t behave consistently.

from react-pwa.

Creating hash during development is really a heavy process... That is the reason hash is only included in production mode. Can you please explain a scenario where this can cause issue?

from react-pwa.

from react-pwa.