Meta tags:
description=This project setup uses webpack for handling all assets. webpack offers a custom way of “extending” the concept of import beyond JavaScript. To express that a JavaScript file depends on a CSS file, you need to import the CSS from the JavaScript file:;

Headings (most frequently used words):

button, adding, stylesheet, css, js,

Text of the page (most frequently used words):
css (14), #button (9), you (9), adding (8), this (8), react (7), the (7), webpack (5), import (5), your (4), that (4), styles (4), file (4), app (4), github (3), development (3), can (3), all (3), from (3), build (3), files (3), and (3), javascript (3), create (3), started (2), docs (2), modules (2), edit (2), page (2), about (2), using (2), into (2), but (2), src (2), index (2), way (2), them (2), read (2), code (2), here (2), for (2), copy (2), component (2), uses (2), assets (2), stylesheet (2), stylesheets (2), copyright, 2025, facebook, inc, social, contributor, covenant, twitter, discussions, stack, overflow, community, learn, get, next, https, previous, last, updated, lewis, llobera, 2020, are, concerned, specific, semantics, put, right, would, still, imported, could, always, remove, later, migrate, different, tool, expressing, dependencies, allows, reloaded, fly, production, will, concatenated, single, minified, output, many, people, find, feature, convenient, benefits, approach, however, should, aware, makes, less, portable, other, tools, environments, than, not, required, div, classname, return, use, regular, render, extends, class, tell, these, padding, project, setup, handling, offers, custom, extending, concept, beyond, express, depends, need, support, advanced, usage, deployment, back, end, integration, testing, building, splitting, public, folder, loading, graphql, images, fonts, post, processing, reset, sass, getting, welcome, search, help, deprecated, more, skip, main, content,

Text of the page (random words):
adding a stylesheet create react app skip to main content create react app is deprecated read more here create react app docs help github search k welcome getting started development styles and assets adding stylesheets adding css modules adding sass stylesheets adding css reset post processing css adding images fonts and files loading graphql files using the public folder code splitting building your app testing back end integration deployment advanced usage support on this page adding a stylesheet this project setup uses webpack for handling all assets webpack offers a custom way of extending the concept of import beyond javascript to express that a javascript file depends on a css file you need to import the css from the javascript file button css button padding 20 px copy button js import react component from react import button css tell webpack that button js uses these styles class button extends component render you can use them as regular css styles return div classname button copy this is not required for react but many people find this feature convenient you can read about the benefits of this approach here however you should be aware that this makes your code less portable to other build tools and environments than webpack in development expressing dependencies this way allows your styles to be reloaded on the fly as you edit them in production all css files will be concatenated into a single minified css file in the build output if you are concerned about using webpack specific semantics you can put all your css right into src index css it would still be imported from src index js but you could always remove that import if you later migrate to a different build tool edit this page last updated on 2 13 2020 by lewis llobera previous https in development next adding css modules button css button js docs get started learn react community stack overflow github discussions twitter contributor covenant social github copyright 2025 facebook inc