I am currently attempting to combine styled-components and react-bootstrap in my React app. I want to use the global stylesheet that comes packaged with react-bootstrap, which I am currently doing with import "bootstrap/dist/css/bootstrap.min.css";
.
The docs do have some examples, and I think I understand the basic idea of how you create a global style. However, it seems like the way styled-components wants me to import the global stylesheet is by calling createGlobalStyle()
on the file's CSS, but every example I've seen is calling the function on a template string. Is my only option here really to read the entire CSS file in as a string and feed it into createGlobalStyle
?