css-loader n'important pas de fichier .css renvoyant un objet vide

Question

Importation de style à partir de fichiers css. Retour d'objet vide. Semble css-loader ne fonctionne pas correctement. Quelqu'un peut-il m'aider à ce sujet. S'il vous plaît trouver les fichiers de référence ci-dessous

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

Je me demande si cela est peut-être vous n'utilisez pas css-modules. L'exemple que vous montrez ici est un exemple d'implémentation de la fonctionnalité css-modules du chargeur.

Essayez peut-être d'ajouter la requête ?modules à votre définition css-loader.