Question

165

How to include .css file in .tsx typescript?

rated 0 times [ 172] [ 7] / answers: 1 / hits: 50342 / 8 Years ago, fri, january 13, 2017, 12:00:00

How do i include css file in tsx and how to use it?
i.e how do i render static files?

import * as React from react;

import { Header } from ./header;



//import ./home.css;





export class Home extends React.Component<{}, {}> {

    render() {

        return (

            <div id=page-top className=landing-page>

                <Header />

            </div>

        );

    }

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

luna

Add To Favorites

Follow

Total Points: 698

Total Questions: 114

Total Answers: 93

Location: Israel

Member since Wed, Apr 14, 2021

3 Years ago

luna questions

1 TypeError: Cannot read properties of null (reading 'classList')

Tue, Dec 7, 21, 00:00, 3 Years ago

1 None of these files exist

Sun, Jul 11, 21, 00:00, 3 Years ago

1 How to test failed request with axios / jest

Wed, Jun 30, 21, 00:00, 3 Years ago

1 Howler.js - The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page

Tue, May 25, 21, 00:00, 3 Years ago

1 How to get a single doc with React/Firestore?

Sun, Apr 25, 21, 00:00, 3 Years ago

View All

answered 8 Years ago deannaalysonl · Accepted Answer

You cannot directly import CSS or any other static files into typescript using only the typescript compiler, but you can with the help of some build tools...

For example using webpack, you can set up the css-loader and style-loader to search your source code for require('./whatever.css') and add it to the build before safely compiling your typescript. If you also have webpack generate your HTML then your CSS will be automatically injected as a stylesheet.