unable to make file-loader to work

Example webpackConfig part taken from my styleguide.config.js

webpackConfig: {
    context: path.resolve(__dirname, ""),
    module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /\.(styl|stylus)$/,
                use: [
                    'style-loader',
                    'css-loader',
                    {
                        loader: 'stylus-loader',
                        options: {
                            import: [
                                path.resolve(__dirname, "../app/src/assets/stylus/globals.styl"),
                                resolve("src/styles/styles.styl"),
                            ]
                        }
                    }
                ]
            },
            {
                test: /\.svg$/,
                loader: "html-loader",
            },
            {
                test: /\.(ico|jpg|png)$/,
                loader: "file-loader",
            },
            { 
                test: /\.ts$/, 
                loader: 'ts-loader', 
                options: { 
                    appendTsSuffixTo: [/\.vue$/]
                } 
            },
            { 
                test: /\.tsx$/, 
                loaders: [
                    {
                        loader: "babel-loader"
                    },
                    {
                        loader: "ts-loader",
                        options: {
                            appendTsxSuffixTo: [/\.vue$/],
                            transpileOnly: true
                        }
                    }
                ]
            },
        ]
    },
    plugins: [new VueLoaderPlugin()],
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.vue', '.vuex', '.json'],
        alias: {
            "@": path.resolve(__dirname, "../app/src"),
        },
    }
}

[MacZel]

I was able to find a solution. file-loader and url-loader both work. To load a file you need to pass webpack rule:

{
    test: /\.(ico|jpg|png)$/,
    loader: "file-loader",     // or url-loader
},

create script at eg. loadImages.js. In this file you need to import every file:

import img_1 from './assets/image.png'
import img_2 from './assets/image.jpg'
import img_3 from './assets/image.ico'

then pass this script in Vue Styleguidist config file option require.

require: [
    resolve("loadImages.js"),
],

Dunno if this was obvious. Hope this will help somebody in the future.

Tested lots of other suggested solutions from SO and github issues, but this way only seems to work.

[elevatebart]

The only thig styleguidist does is using your webpack config to load the components. So if ti works without styleguidist it shoudl work with as well.