reactjs - 使用 webpack 加载 react 图像

Question

部署到服务器时，我在加载图像时遇到问题。我不知道原因，但是当 npm 渲染图像时，只有很少的工作。

我分析了一下：

如果，当我检查代码语法时，图像加载良好，它是（数据：图像/svg+xml（...））的路径。优势第一和优势第二是相似的。

导入时：

import adv1 from './img/advantage_first.svg'
import adv2 from './img/advantage_second.svg'

并且在渲染时：

        <img src={adv1} />
        <img src={adv2} />

它是加载图像webpack.config.js的部分

  {
    test: /\.(png|jpg|svg|ttf|otf|pdf|ico)$/,
    exclude: /(node_modules|bower_components)/,
    loader: 'url-loader?name=/images/[name].[ext]&limit=8192'
  }

我应该在哪里找到问题？

祝你今天过得愉快

标签： reactjsimagenpmwebpack

Answer 1

你可以试试

 { test: /\.(png|jpg|svg|ttf|otf|pdf|ico)$/, loader: 'url-loader?limit=1024000' }