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

前端之家收集整理的这篇文章主要介绍了reactjs – css-loader不导入返回空对象的.css文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
从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/,}

解决方法

我想知道这可能是你没有使用 css-modules.你展示的例子是一个实现加载器的css-modules特性的例子.

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

原文链接:https://www.f2er.com/css/214029.html

猜你在找的CSS相关文章