react项目 img两种绝对路径的引入方式

最新推荐文章于 2024-08-16 23:04:42 发布

Tracy.Zhang

最新推荐文章于 2024-08-16 23:04:42 发布

阅读量1.7k

点赞数

分类专栏： JS react 文章标签： reactjs javascript

本文链接：https://blog.csdn.net/z327171559/article/details/108082071

版权

JS 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

react

1 篇文章 0 订阅

订阅专栏

import imgSrc from '@/asset/images/icon.png'

render () {
  return <div>
    <div>
      <div>
        <img src={ imgSrc } />
      </div>
    </div>
  </div>
}

第一种用import的引入。

  render () {
    return <div>
      <div>
        <div>
          <img src={ require('@/asset/images/icon.png') } />
        </div>
      </div>
    </div>
  }

第二种用require引入