How to load css file

[txbleehom]

I import the css file in the project, but it doesn’t take effect. What configuration needs to be done

The webpack-main.config.js file configuration is as follows

  module: {
    rules: [
      .......,
      {
        test: /\.css$/,
        use: ['style-loader',{
          loader: 'css-loader',
          options: {
            modules: true,
          }
        }],
      },
      {
        test: /\.less/,
        use: ['less-loader'],
      },
    ]
  }

[doldsimo]

@txbleehom I had the same problem. It does not work with the current version of the repository.
CSS loader needs at least Webpack 5.0 see documentation , the Repsoitory project has Webpack version 4.

So update Webpack and then use the Conifg as you have already written.

It may be that you have to rewrite the config a bit because of version V5.

So I could use css too with my components.

Here is my config if you have updated to WebpackV5:

module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: ["babel-loader"],
      },
      {
        test: /\.css$/i,
        use: ["style-loader", "css-loader"],
      },
    ]
  }