How to configure image-webpack-loader? in vue-cli3

image-webpack-loader was previously configured in webpack.base.config.js:

{
  test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  use:[
    {
    loader: "url-loader",
    options: {
      limit: 10000,
      name: utils.assetsPath("img/[name].[hash:7].[ext]")
      }
    },
    {
      loader: "image-webpack-loader",
      options: {
        bypassOnDebug: true,
      }
    }
  ]
}

there is no local configuration for using vue-cli3. It is configured in vue-config.js on the official website, but how should it be configured? Have you ever used it?

Aug.30,2021

landlord, hello ~
try this one below, you can test it yourself. Finally, you can verify

with the command vue-cli-service inspect .
   

the transformation of the first question, you can see that the path of the final img output is not processed. See if there are any other changes

. < hr >

if it is helpful, please click to adopt it, thank you ~

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-1b3a917-e773.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-1b3a917-e773.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?