React/CSS: Using CSS stylesheets in a React app?

Question

I have normal css file I would like to use in my React app which is not using webpack. When I try to import the css file, I get the below error:

Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.
> @import url("https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700,700i");

Based on some posts that I have seen online, it looks like you have to webpack and customize it to load the css stylesheet. But is there a way to use my existing stylesheet without webpack ?

Ladi Adenusi · Accepted Answer · 2019-05-13 00:49:09Z

3

You can add the following line in between the <head> of your index.html instead...

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700,700i">

answered May 13, 2019 at 0:49

Ladi Adenusi

1,0827 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React/CSS: Using CSS stylesheets in a React app?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related