Module webpack packaging

to do a platform project, there are several modules in it. Html, js and css are all packaged, but the location of image package is always wrong. Please help to see how to solve it. Thank you ~
project directory

.

Source image path: static/index/image

packaged image path: webapp/image/index

configuration:

            test:/\.(png|gif|jpg|svg)$/i,
            loader:"url-loader",
            query: {
                limit:2000,
                name:"image/[name].[ext]"
            }
   

because the path of the source file is different from that of the packaged file, the picture cannot be displayed, so ask for help from the Great God.

Jun.27,2021

the output path should be the same as the compilation path,

output: {
        path: __dirname + '../../../webapp/index',
        filename: 'js/[name].js'
    },
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1beaa22-31a16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1beaa22-31a16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?