webapck处理页面中的图片

react中，无法直接使用<img src='/imgs/a.png' />这样加载图片的，必须在webpack中提前做好配置。

1. 需要file-loader

npm install --save-dev file-loader

当前："file-loader": "^6.0.0",

2. 在webpack配置文件中进行配置

{
          test:/\.(png|jpg|gif)$/,
          use:[{
              loader:'file-loader',
              options:{ // 这里的options选项参数可以定义多大的图片转换为base64
                  limit:50000, // 表示小于50kb的图片转为base64,大于50kb的是路径
                  name: "[hash:8].[name].[ext]",
                  esModule: false, // 新版的要特别设置为false，否则require（img.png）导出的只是一个模块对象，而不是图片路径
                  outputPath: "static/assets"
              }
          }]
},