Webpack packaged pictures larger than 10KB will not be displayed!

only icons are displayed on the packaged server, and no other pictures larger than 10KB are displayed! If you add a limit value of 0 (less than 100KB can be displayed). Is there any other way?

{

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

}

clipboard.png

file-loader

clipboard.png
build css

clipboard.png

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Mar.31,2021

if this doesn't show up, I'm afraid it's a path error. You can open the chrome debugger to take a look at error.

as for why the adjustment limit will be displayed, because this attribute means that the size of the image is less than this value, then the direct coding program base64 is written into the code without taking the path path, so it is displayed normally. Once the image size exceeds this value, package the output image to a folder, depending on your configuration.

it is recommended to find the cause through publicPath or output hash in output, and first use debugging tools to locate the error.

if it can not be solved, welcome to discuss it again.


have you solved it

Menu