如何使用SASS从文件导入字符串?

如何使用SASS从文件导入字符串?,sass,Sass,示例:我想从文件导入SVG(在CSS中硬编码),例如 $svg图标:@import('./icon.svg'); 使用SASS是否可以实现这一点?听起来您想从svg文件创建图标字体。请按照以下步骤操作: 去 单击左上角的导入图标 导航到要从中创建图标的svg文件。选择它并单击打开 您应该在iconmoon网页上看到您的图标。点击它 单击右下角的生成字体 你应该在新页面上看到你的图标。悬停在上面 单击获取代码 代码应该是这样的 .icon-home2:之前{ 内容:“\e900”; }可能重复

示例:我想从文件导入SVG(在CSS中硬编码),例如

$svg图标:@import('./icon.svg');

使用SASS是否可以实现这一点?

听起来您想从svg文件创建图标字体。请按照以下步骤操作:

  • 单击左上角的导入图标
  • 导航到要从中创建图标的svg文件。选择它并单击打开
  • 您应该在iconmoon网页上看到您的图标。点击它
  • 单击右下角的生成字体
  • 你应该在新页面上看到你的图标。悬停在上面
  • 单击获取代码
  • 代码应该是这样的
  • .icon-home2:之前{
    内容:“\e900”;
    
    }
    可能重复:这是一个更一般的问题。您要求的是一个注入SassScript(即用Ruby编写)的自定义函数,Sass没有提供。另请参阅相关github问题的最后一个答案:-1以升级特定工具(但不回答该问题)。关于建议的方法,有很多理由不使用字体作为图标()。感谢链接。哇,我不知道正反两面,将来一定会考虑这些。关于答案,这是基于口译加上个人经验,而不是工具推广。现在问题更清楚了,评论也被注意到了。这仍然不能回答被问到的问题。图标字体不是使用SVG的唯一原因:它们还用作一般背景图像和精灵图纸。