Question

我目前在项目中安装了Font-Awesome Bower软件包，并将scss文件导入到我自己的样式表中。

我目前使用以下覆盖默认路径来引用scss文件中字体的路径：

$icon-font-path: "../bower_components/font-awesome/fonts/";

...在提供开发版本时效果很好。在构建（到dist）时，我将字体复制到/fonts目录。但是，这是我遇到问题的地方。我的CSS显然仍然使用我上面显示的路径，并且无法找到字体。所以我的问题是，如何在开发环境中获取当前路径，但确保在构建时将路径重写为fonts/？

Answer 1

这些天我遇到了同样的问题。通过比较不同版本的yo webapp Gruntfile.js文件。我发现如果你把代码放在下面，那么font-awesome就可以了。

副本：{

DIST：{ ...，

   {
        expand: true,
        dot: true,
        cwd: 'bower_components/font-awesome/',
        src: 'fonts/*',
        dest: '<%= config.dist %>'
    }

}

copy：dist将5个font-awesome字体文件复制到dist / fonts目录。在开发模式下，直接引用bower_components / font-awesome /目录，因此没有问题。

<强>更新

等等，也许你已经这样做了。我在main.scss中找到了很棒的字体路径：

$ icon-font-path：“../ bower_components / bootstrap-sass-official / assets / fonts / bootstrap /”;

$ fa-font-path：“../ bower_components / font-awesome / fonts /”;

用Grunt重写dist的字体路径

1 个答案: