未在组件中导入 CSS

如何解决未在组件中导入 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。