如何通过使用var路径通过'require'加载本地图片?

时间:2018-12-15 14:09:34

标签: javascript reactjs webpack dynamic import

export default function IconCategory(props) {

  //(1) works, the img shows
  // const u = 'img/mdl.jpg'
  // return (<img src={require('resources/' + u)} alt="avatar"/>)

  //(2) not works
  // const u = '/img/mdl.jpg'
  // return (<img src={require('resources' + u)} alt="avatar"/>)

  //(3) not works
  const uu = 'resources/'
  const u = 'img/mdl.jpg'
  return (<img src={require(uu + u)} alt="avatar"/>)
}

请为什么(1)起作用而(2)和(3)不起作用?

(2)和(3)显示:找不到模块'resources / img / mdl.jpg'

因为当路径以“ resources /”开头时,“需要”导入所有图片吗?

当路径以“ resource”或var开头时,不能导入任何内容?

0 个答案:

没有答案