Since you’re using the ES6 import syntax you may use the same syntax to import your stylesheet import ‘./App.css’ Also, you can wrap your class with :global to switch to the global scope (this mean CSS Module won’t modulify it, eg: adding a random id next to it) :global(.myclass) { background-color: red; }
This operator is used in CSS Modules. Modular CSS uses a CSS Modules compiler to scope CSS styles within their respective modules (e.g., React component). Here’s an example from a React module (in the file ErrorMessaging.less for the ErrorMessaging.jsx React component): :global(.ocssContainer) { .ui_column { padding-left: 0; } } This gets compiled into: .ErrorMessaging__alertContainer–1I-Cz .ocssContainer … Read more
TypeScript does not know that there are files other than .tsor .tsx so it will throw an error if an import has an unknown file suffix. If you have a webpack config that allows you to import other types of files, you have to tell the TypeScript compiler that these files exist. To do so … Read more