如何將多個svg圖標捆綁到1個文件中？

Question

我正在尋找一個腳本，該腳本將使用許多.svg圖標文件並將它們捆綁到一個文件中，以便其中的結構如下：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <symbol viewBox="0 0 32 32" id="active-directory">
        <path d="M15.944..."
              fill-rule="evenodd"/>
    </symbol>
    <symbol viewBox="0 0 32 32" id="add">
        <path d="M2..."
              fill-rule="evenodd"/>
    </symbol>
</svg>

是否存在這樣的工具，還是必須自己編寫？

Answer 1

是的，有捆綁圖標的工具

如果使用的是gulp，請檢查以下內容： https : //github.com/w0rm/gulp-svgstore

如果您使用的是grunt，這是這​​樣的： https : //github.com/FWeinb/grunt-svgstore

Answer 2

有一些工具可以集成到您的工作流程中以實現此目的。 對於gulp，例如gulp-svg-sprite