How to deal with url in css when webpack is packaged?

there is a background image in css, which is introduced as follows

uses an alias as the path, but it still exists in the form of an alias after packaging and is not converted, but if it is packaged in this format, the image cannot be obtained normally.
in addition, this path will be parsed normally when I try it in the development environment
Why not parse when I package it?

Front-end less sass css3 css

Apr.10,2022

check whether the published css loader is consistent

whether the path setting of the image is correct or not, the address after the splicing of name and publicPath must be right, which is modified according to the actual design of the project.

    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: path.posix.join('static', '[name].[hash:7].[ext]'),
      publicPath: '../../'
     }

Previous: How does the front-end javascript parse the username in the jwt-token when the front-end and front-end separate projects?

Next: The globe in the official example of Echarts is not dragged on the mobile end, how can I add it?