使用webpack在html中内联SVG文件

Question

我正在建立一个网络应用程序,使用.svg's为图标.有一段时间我一直在使用这个加载器:https://github.com/appedemic/inline-svg-loader在我的HTML中内联我的svgs,但它看起来像是一个黑客,它不起作用时使用缩小.

我现在花了好几个小时试图找到一个解决方案.基本上我想要的是这个:

<button>
  <svg src="../../assets/icons/music_note.svg">
</button>

变成这个:

<button>
  <svg>...</svg>
</button>

现在语法不一定是这种方式,但是你知道这个问题的任何加载器或解决方案吗？