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定义。