Webpack to import css together with REACTJS

Question

Hello,

I am making a Component (REACTJS), I would like to import the css come. I’m using the css-loader and style-loader.

As I had never done something like this, I do not know if the configuration is correct.

webpack.config.js

module.exports = {
  entry: './src/index.js',

  output: {
    filename: 'main.js',
    path: path.resolve('dist')
  },

  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            cacheDirectory: true
          }
        }
      },

      {
        test: /\.css$/,
        loader: 'style-loader!css-loader',
        use: ['style-loader', 'css-loader']
      }
    ]
  }
}

Project in the NPM : https://www.npmjs.com/package/slidal

When I install, I can use the component, but the css does not come together.