You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently we're trying to incorporated multiple CRA applications into one page. The idea is to dynamically fetch the html of multiple react applications hosted under the same domain and append onto a single html document.
The problem is when using css module, the current css class name generation process only consider filename or folder name which can only ensure the uniqueness within that project. But If we have multiple project who happens to have the a same css class name in the same relative path (eg. src/app/app.module.css), same class name MyFolder_MyClass__[hash] will be generated, and If we put all those css from different project onto the same html document, there will be name collision issue.
Describe the solution you'd like
I'd like to request a way to make css class name unique not only within project but also across projects.
Describe alternatives you've considered
One possible solution is to alter the hash generation function discussed in this thread, unfortunately this can't be done in CRA unless we eject or rewire.
I have same problem when was run several React application in same document. At now I have fix collision of className by manual prefix for every className selector. But my solution looks like a crutch.
Is your proposal related to a problem?
Currently we're trying to incorporated multiple CRA applications into one page. The idea is to dynamically fetch the html of multiple react applications hosted under the same domain and append onto a single html document.
The problem is when using css module, the current css class name generation process only consider filename or folder name which can only ensure the uniqueness within that project. But If we have multiple project who happens to have the a same css class name in the same relative path (eg. src/app/app.module.css), same class name
MyFolder_MyClass__[hash]
will be generated, and If we put all those css from different project onto the same html document, there will be name collision issue.Describe the solution you'd like
I'd like to request a way to make css class name unique not only within project but also across projects.
Describe alternatives you've considered
Additional context
(Write your answer here.)
The text was updated successfully, but these errors were encountered: