未在组件中导入 CSS

问题描述

我有以下测试组件：

Test.css

.SomeClass {
    background-color: blue;
    width: 100px;
    height: 100px;
}

Test.tsx

import React from 'react';
import './Test.css';

export const Test = () => {
    return (
        <div className={'SomeClass'}>
            hello
        </div>
    );
};

webpack 配置的相关部分：

{
  test: /\.css$/,use: [
    {
      loader: 'style-loader'
    },{
      loader: 'css-loader',options: {
        sourceMap: !isProduction,modules: {
          localIdentName: '[local]',},}],

问题在于未应用样式。检查时，div 如下所示：

<div class="SomeClass">hello</div>

但是没有“SomeClass”css。

我怀疑这与一些 webpack 配置有关。我也试过这个：use: ['style-loader','css-loader'] 而不是上面的 use 数组，但没有运气。

编辑

此项目使用 react-jss。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）