react项目中less引入背景图片

Question

小弟初学，less，搭建了个项目，用在less中引入背景图片，发生报错，请各位帮忙指点一下。
项目机构：


直接在header的less中使用相对路径引入背景图片，发生报错

说是有意外的字符，但是组件内并没有

Answer 1

应该是没有配置file-loader或者url-loader。
命令行执行

npm install --save file-loader url-loader

webpack中配置

module: {

    // apply loaders to files that meet given conditions
    loaders: [{
      // 其他配置
    },
    {
      test: /.(gif|svg|jpg|png)$/,
      loader: "file-loader",
    }],
  },

或者

{
  test: /.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(?[a-z0-9=.]+)?$/,
  loader: 'url-loader?limit=100000' }]
},

Answer 2

它的提示是没有合适的loader加载png格式的文件
你项目是通过官方脚手架创建的吗，
如果不是，需要你配置webpack loader