reactjs - css-loader 不导入 .css 文件返回空对象

Question

从 css 文件导入样式。返回空对象。看来 css-loader 无法正常工作。谁可以帮我这个事。请找到下面的引用文件

index.js

import React from 'react'   
import style from './header.css'

console.log(style) // Returning empty object

export default class Header extends React.PureComponent {
  render() {
    return(
      <header className = {style.header}>
        This is header component
      </header>
    )
  }
}

./header.css

.header {
  background: #007DC6;
}

./webpack.config.js

{
  test: /\.css$/,
  exclude: /node_modules/,
  loaders: ['style-loader', 'css-loader'],
}, {
  test: /\.css$/,
  include: /node_modules/,
  loaders: ['style-loader', 'css-loader'],
}

Answer 1

我想知道这是否是您没有使用css-modules 。您展示的示例是实现加载器的 css-modules 功能的示例。

也许尝试将 ?modules 查询添加到您的 css-loader 定义中。