gpt4 book ai didi

javascript - 使用 css-loader 时,导入的样式对象为空

转载 作者:太空宇宙 更新时间:2023-11-04 07:18:42 25 4
gpt4 key购买 nike

我正在尝试使用 css-loader 从样式表中为每个 React 组件导入样式,但我导入的对象是空的。见代码:

Header.js:

import React from 'react';
import classes from './Header.css';

const header = () => {
console.log('classes obj', classes);

return (
<div className={classes.Header}>
<h1>Title Goes Here</h1>
</div>
)
}


export default header;

这是我的 Header.css 文件:

.Header {
background-color: rgb(49, 118, 197);
}

这是我的 webpack 开发配置的片段:

test: /\.css$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
modules: true,
localIdentName: '[name]__[local]__[hash:base64:5]'
},
},

还有我的 webpack 产品配置片段:

    test: /\.css$/,
loader: ExtractTextPlugin.extract(
Object.assign(
{
fallback: {
loader: require.resolve('style-loader'),
options: {
hmr: false,
},
},
use: [
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
minimize: true,
sourceMap: shouldUseSourceMap,
modules: true,
localIdentName: '[name]__[local]__[hash:base64:5]',
},
},

问过类似的问题here但是 webpack 配置看起来太不一样了,无法实现解决方案。

您可以在我的 Header.js 中看到我正在控制台记录我正在导入的类 obj,但它是一个空对象。

有什么线索吗?谢谢!

最佳答案

好的,这是对像我这样的傻瓜的回答。安装 css-loader 后重新启动构建过程。

关于javascript - 使用 css-loader 时,导入的样式对象为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50534722/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com