【问题标题】:How to convert SVG icons using webpack?如何使用 webpack 转换 SVG 图标?
【发布时间】:2018-09-29 05:59:39
【问题描述】:

我正在开发一个 react 和 Webpack 3 应用程序。

我有一组 SVG 图标,想将这些图标转换为图像并将其放入 images 文件夹中,以便我可以访问这些图像并在我的 react 组件中使用它(例如<img src='icon.png' />)。

目前,我将 SVG 导出为 js 中的组件,并将其导入 JSX。

我应该为此使用 webpack 加载器吗?如果是,我应该使用哪个装载机? 还是其他方式?

【问题讨论】:

  • 您好,为什么要使用 .png 而不是 .svg?
  • @SoldierCorp 减少渲染时间,因为我将所有 SVG 包含在一个 JS 文件中。因此,如果我发出图像,那么我可以分别向这些图像发出请求。
  • 你也可以用 svg 来做到这一点,但不是吗?
  • 我正在开发一个 azure-devops 扩展,而 azure 不接受 SVG 文件

标签: reactjs webpack


【解决方案1】:

您可以使用SVG to PNG loader

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-08-15
    • 1970-01-01
    • 2020-11-21
    • 2015-03-06
    • 2015-05-01
    • 2016-10-05
    • 2018-08-28
    相关资源
    最近更新 更多