How to write configuration in webpack5?

Question

JavaScript

Good afternoon in webpack5 the following config for generating images

// IMAGES

                {
                    test: /\.(png|jpg|gif|webp)$/,
                    type: 'asset/resource',
                    generator: {
                        filename: '../dist/images/[name][ext]'
                    }

                },

That is, ../dist/images/ is generated correctly, but the path in css style compiles ../dist/images/ and how to do ../images/ Thanks

Answer 1

output: {
        path: path.resolve(__dirname, 'dist'),
        publicPath: '/'
    },

{
                    test: /\.(png|jpg|gif|webp)$/,
                    type: 'asset/resource',
                    generator: {
                        filename: 'images/[name].[ext]'
                    }

                },