从 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'],
}
最佳答案
我想知道这是否是您没有使用css-modules 。您展示的示例是实现加载器的 css-modules 功能的示例。
也许尝试将 ?modules
查询添加到您的 css-loader
定义中。
关于reactjs - css-loader 不导入 .css 文件返回空对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41296757/