React JSX 加载图片的一个坑

2017-12-11  本文已影响0人  Tim_Lee

如果webpack中使用 url-loader,比如:

      {
        test: /\.(jpeg|jpg|png|gif|svg)$/,
        loader: 'url-loader',
        options: {
          limit: 8192
        }
      }

那么在 JSX 中,引用突破要使用 require()来引用图片,比如

<img src={require('../../images/logo.png')} alt="logo" />

感谢参考:
webpack3 url-loader和image-webpack-loader不生效?

Rendering Local Images with React and Webpack

上一篇 下一篇

猜你喜欢

热点阅读