使用Grunt SASS使相对背景图像路径绝对?

时间:2015-11-24 10:18:09

标签: sass gruntjs

我正在使用Grunt SASS https://github.com/sindresorhus/grunt-sass

是否可以将我的图像路径转换为绝对路径?所以如果我这样写:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="days" name="days">
  <option value="0">- Select day -</option>
  <option value="1">Sunday</option>
  <option value="2">Monday</option>
  <option value="3">Tuesday</option>
  <option value="4">Wednesday</option>
  <option value="5">Thursday</option>
  <option value="6">Friday</option>
  <option value="7">Saturday</option>
</select>
<pre></pre>

我希望编译的CSS为:

.something {
 background: url(../icon.png);
}

1 个答案:

答案 0 :(得分:0)

这可以通过grunt css url replace来完成: https://www.npmjs.com/package/grunt-css-url-replace

然而,这不是理想的。运行一个额外的任务会更慢,我希望这会搞乱我的源地图。 grunt sass的添加/配置设置会更好,但我似乎无法找到一个。