const path = require('path');

 module.exports = {
   entry: './src/index.js',
   output: {
    filename: 'bundle.js',
     path: path.resolve(__dirname, 'dist'),
   },
   module: {
    rules: [
            {
                test: /\.css$/i,
                use: ['style-loader', 'css-loader'],
            },
            {
                test: /\.(png|svg|jpg|jpeg|gif)$/i,
                use: [
                    {
                      loader: 'file-loader',
                      options: {
                        name: '[path][name].[ext]',
                        outputPath: 'img/',
                      }
                    }
                ]
            },
            {
                test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                        name: '[name].[ext]',
                        outputPath: 'fonts/',
                        publicPath: '../',
                        useRelativePaths: true
                        }
                    }
                ]
              },
        ],
    },
};

When you build the code, the fonts and images are getting copied into the root folder instead of the assets folder. How to shift the generated fonts or images to the asset folder?