file-loader

默认情况下，生成的文件的文件名就是文件内容的 MD5 哈希值并会保留所引用资源的原始扩展名

• 使用方法1 推荐

import img from './file.png' //相当于把图片reuuire('file.png').defaluet

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

+使用方法2

const img = reuuire('file.png').defaluet;//rules 不变

+使用方法3

const img = reuuire('file.png');//rules 不变

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