Html 我的网页没有'；我不能生成我的css文件

我的webpack和react应用程序有问题。我正在react中开发我的应用程序，但当我运行捆绑脚本来运行webpack时，它不会生成输出css

这是我的组件

import React from 'react'
import { Link } from 'react-router'

import styles from './Header.css'

function Header() {
  return (
    <header className={styles.header}>
      <h1>
        Mi first react app
      </h1>

      <nav role="navigation">
        <Link to="/">
          Home
        </Link>
        <a 
          href="http://google.com"
          target="_blank"
        >
          Google
        </a>
      </nav>
    </header>
  )
}

export default Header

如果需要，我的css如下：

.header {
  background: linear-gradient(90deg, #1c3643 0, #273b46 25%, #1e5372);
}

---

提前，感谢您的帮助，以发现我缺少的内容

您可以尝试进行以下更改吗

什么是“Header.css”

这个代码有什么用

import styles from './Header.css'

文件名是ExtractTextPlugin中提到的styles.css

您应该直接在HTML中包含“statics/styles.css”文件

还有，这里

function Header() {
  return (
    <header className="header">
      <h1>
        Mi first react app
      </h1>

      <nav role="navigation">
        <Link to="/">
          Home
        </Link>
        <a 
          href="http://google.com"
          target="_blank"
        >
          Google
        </a>
      </nav>
    </header>
  )
}

函数头（）{
返回(
Mi first react应用程序
家
)
}

ExtractTextplugin的目标是生成一个单独的CSS文件，它可以像一般情况一样单独使用

function Header() {
  return (
    <header className="header">
      <h1>
        Mi first react app
      </h1>

      <nav role="navigation">
        <Link to="/">
          Home
        </Link>
        <a 
          href="http://google.com"
          target="_blank"
        >
          Google
        </a>
      </nav>
    </header>
  )
}