Реактивный импортированный стиль не работает, но работает стиль начальной загрузки

Question

Я могу использовать стиль из начальной загрузки. Но когда я использую стиль импорта, он не работает?

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: {
          loader: "css-loader"
        }
      }
    ]
  }
};

Код реакции:

import React, { Component, Fragment } from "react"; 
import "./css/accounts.css"; 
export default class Login extends Component { render() { return ( <Fragment> <p className="text-center test" id="test"> Login </p> </Fragment> ); } }