使用Webpack加载反应图像

Question

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

我分析了它：

如果，当我检查代码语法时，图像加载得很好，它是（data：image / svg + xml（...））的路径。 advantage_first 和 advantage_second 类似。

导入时：

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'
  }

我应该在哪里找到问题？

祝你愉快

Answer 1

您可以尝试

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