webpack 打包图片地址错误 变为[object Object]

Question

---

webpack 打包后就变成这样了, 这是图片的loader, 小于 10k的自动变成base64了所以没问题

Answer 1

file loader 版本问题，退回0.x就行了

Answer 2

引入图片的时候写的语法是什么呢？是不是写成import * as .... 这样的语法了？

Answer 3

用file-loader就好
url-loader是对前者的一个小封装

Answer 4

可以使用 file-loader

导入图片

import img from './file.png'

webpack.config.js 配置

module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|jpg|gif)$/,
        use: [
          {
            loader: 'file-loader',
            options: {}  
          }
        ]
      }
    ]
  }
}

file-loader