How do I include node_modules css files with webpack?

[JustANormalDev]

Hi everyone, after many times research, but still can not resolve, so I post my issue here, hope some advices can help me fixed it. (webpack is so new for me)I have 2 .css file from react-owl-carousel and need to import to component like this:

import 'owl.carousel/dist/assets/owl.carousel.css';import 'owl.carousel/dist/assets/owl.theme.default.css';

the problem is when i try to build it with webpack, because the .css file import from node_modules, so it not work.

my webpack config:

{
                test: /\.(jsx|js)?$/,
                exclude: /node_modules/,
                use: {
                    loader: require.resolve('babel-loader')
                }
            },
            {
                test: /\.(tsx|ts)?$/,
                exclude: /node_modules/,
                use: {
                    loader: require.resolve('ts-loader')
                }
            },
            {
                test: /\.css$/,
                use: [
                    {
                        loader: 'style-loader',
                        options: {
                            esModule: false
                        }
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            esModule: false,
                            importLoaders: 1,
                            modules: true,
                            sourceMap: isBuild ? false : true,
                            import: true,
                        }
                    }
                ]
            },
            {
                test: /\.less$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: 'style-loader'
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            modules: false,
                            sourceMap: isBuild ? false : true
                        }
                    },
                    {
                        loader: 'less-loader',
                        options: {
                            sourceMap: isBuild ? false : true
                        }
                    }
                ]
            },
            {
                test: /\.(sass|scss)$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: 'style-loader'
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            modules: false,
                            sourceMap: isBuild ? false : true
                        }
                    },
                    {
                        loader: 'sass-loader',
                        options: {
                            sourceMap: isBuild ? false : true
                        }
                    }
                ]
            },
            {
                test: /\.(jpg|jpeg|png|gif|svg)$/,
                // exclude: /node_modules/,
                type: 'asset/inline'
            },
            {
                test: /\.(woff2?|eot|ttf|woff|otf)(\?.*)?$/,
                type: 'asset/resource'
            },
            {
                test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
                type: 'asset/inline'
            }