نحوه استفاده از Owl Carousel 2 در Webpack

داستان هندل کردن فونت ها رو انجام دادین ؟
متاسفانه از اون دسته از ارورهاست که ادم خودش باید دسته پنجه نرم کنه باهاش تا راحل رو پیدا کنه

سلام در کانفیگ وب پک کد زیر رو قرار بدید سرچ کردم یحتمل مشکل لود کردن فونت هاس

{ test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }

من فون هارا در Webpack قرار ندادم، در فایل دیگه ای ایمپورت میکنم به صفحه.
الان می بینم که در owl.carousel چند عکس هم وجود دارد، باید برای این هم لودر جدا نوشت ؟
کد پیشنهادی Juza66 زدم ولی نشد

webpack.config.js

const HtmlWebPackPlugin = require("html-webpack-plugin");

const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const webpack = require('webpack');

module.exports = {
    optimization: {
        minimizer: [
            new UglifyJsPlugin({
                cache: true,
                parallel: true,
                sourceMap: true // set to true if you want JS source maps
            }),
            new OptimizeCSSAssetsPlugin({})
        ]
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader"
                }
            },
            {
                test: /\.html$/,
                use: [
                    {
                        loader: "html-loader",
                        options: { minimize: true }
                    }
                ]
            },
            {
                test: /\.scss$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader", options: {
                        sourceMap: true
                    }
                    },
                    "postcss-loader",
                {
                    loader: "sass-loader", options: {
                        sourceMap: true
                    }
                }
                ]
            },
            {
                test: /\.css$/,
                use: [MiniCssExtractPlugin.loader, "css-loader"]
            },

        ]
    },
    plugins: [

        new MiniCssExtractPlugin({
            filename: "[name].css",
            chunkFilename: "[id].css"
        }),
        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery'
        }),

    ],

};

ممنون از @juza66
جواب داد:

{ test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }

باید لودر Url نصب میکردم:

npm install --save-dev url-loader

سوال اینجا هست که در CSS این کتابانه 2 فایل عکس آدرس دهی شده. زمان آپلود چجوری این تصاویر را انتقال دهیم چون توی فولدر Dist وجود نداره.
یعنی ما هر پکیجی که نصب میکنیم همراه خودش ممکنه عکس هم داشته باشه، این تصاویر با build گرفتم در Webpack به فولدر Dist منتقل میشود ؟

ممنون میشوم در این خصوص هم راهنمایی کنید