反应导入的样式不起作用，但引导样式起作用

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> ); } }