从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'],
}
发布于 2016-12-23 15:45:09
我想知道这是不是因为您没有使用css-modules。您正在展示的示例是一个实现加载器的css-modules特性的示例。
也许可以尝试将?modules
查询添加到css-loader
定义中。
发布于 2018-07-10 04:19:24
你可以用三种方法解决你的问题:
#1:用'css-loader?modules=true&camelCase=true'
替换'css-loader'
#2:像这样做老派:
##index.js
import React from 'react'
import './header.css'
export default class Header extends React.PureComponent {
render() {
return(
<header className="header">
This is header component
</header>
)
}
}
https://stackoverflow.com/questions/41296757
复制相似问题