在没有指南针的情况下将图像作为内联包含在sass中？

Question

我想在sass中添加图像as base64。我一直在指南针锁定，但它感觉笨重，真的不是我想要的。有没有一种很好的方法可以在不使用指南针的情况下在css中包含图像或其他文件？

Answer 1

如果你使用grunt，你可以使用grunt-data-uri任务来实现常规url（）字符串与base64的对话。

        dataUri: {
           dist: {
              src: ['dist/styles/*.css'],
              dest: 'dist/styles/',
              options: {
                target: [
                    'img/low-res/embeded/*.*'
                ],
                fixDirLevel: true
              }
          }
       },

基本上，该任务将查找.css中embeded文件夹中包含的每个图像。从那里，它会将url（）转换为base64。

Answer 2

指南针是开源的，只需获取适合您的部分代码。

Here is the ruby source on Github