svg 文件 phpstorm 的自动化 CSS Sprite答案

【问题标题】：Automated CSS Sprite of svg files phpstormsvg 文件 phpstorm 的自动化 CSS Sprite
【发布时间】：2015-06-15 20:20:05
【问题描述】：

我正在研究提供图片的最佳方式。我认为 svg 文件和 sprite 是 iv 找到的最好的方法，我想知道是否有办法自动化这个过程。我希望能够将 svg 文件放入文件夹并接收带有相关映射的 sprite 输出文件和 css 文件。

 /img
  sprite-icon.svg
/svg
  icon-facebook.svg
  icon-twitter.svg
/css
  icons.css
index.html

我正在使用 phpstorm 进行开发。

我的第一反应是创建一个 php 脚本并附加一个文件观察器。

我该怎么办？

【问题讨论】：

【解决方案1】：

有很多方法可以做到这一点，但没有一种是开箱即用的 Phpstorm - 但它确实可以很容易地通过任务运行器系统添加它们。

所以我使用的方法是使用gulp.js 和gulp-svg-sprite 插件并从Phpstorm 的Gulp task runner 触发它。

【讨论】：