在React中添加CSS文件_Css_Reactjs

在React中添加CSS文件

css reactjs

在React中添加CSS文件,css,reactjs,Css,Reactjs,我是新来的。我正在尝试在我的应用程序中添加CSS文件。我的文件树如下所示 import React, { Component } from 'react'; import './App.css'; import { BrowserRouter, Route, Switch } from 'react-router-dom'; import Home from '../pages/Home'; import Login from '../pages/Login'; import Register

我是新来的。我正在尝试在我的应用程序中添加CSS文件。我的文件树如下所示

import React, { Component } from 'react';
import './App.css';
import { BrowserRouter, Route, Switch } from 'react-router-dom';

import Home from '../pages/Home';
import Login from '../pages/Login';
import Register from '../pages/Register';

class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <div className="container">
          <Switch>
            <Route path='/' exact component={Home} />
            <Route path='/login' exact component={Login} />
            <Route path='/register' exact component={Register} />
          </Switch>
        </div>
      </BrowserRouter>
    );
  }
}

export default App;

我的

App.js

文件如下

import React, { Component } from 'react';
import './App.css';
import { BrowserRouter, Route, Switch } from 'react-router-dom';

import Home from '../pages/Home';
import Login from '../pages/Login';
import Register from '../pages/Register';

class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <div className="container">
          <Switch>
            <Route path='/' exact component={Home} />
            <Route path='/login' exact component={Login} />
            <Route path='/register' exact component={Register} />
          </Switch>
        </div>
      </BrowserRouter>
    );
  }
}

export default App;

但是我只能看到HTML，没有CSS

您不能只导入它，而将它留在那里，它需要加载到文档的头部

<head>
<link rel='preload' href={CSS_URL} as='style' />
</head>

尝试将css放在所有导入的末尾

import React, { Component } from 'react';

import { BrowserRouter, Route, Switch } from 'react-router-dom';

import Home from '../pages/Home';
import Login from '../pages/Login';
import Register from '../pages/Register';

import './App.css';

请添加应用程序中的代码。c是否使用网页包？如果您是，请分享您的

webpack.config.js

@EdgarHenriquez，如何使用

webpack

？