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