不与sass bootstrap集成一起显示的glyphicons

小宇宙2020-03-27

我使用本教程将引导程序集成到我的项目中：

https://laravel-news.com/2015/10/setup-bootstrap-sass-with-laravel-elixir/

这会将app.css文件放置在css文件夹中。但是，如果我尝试使用字形图标，它们不会显示。所以我试图像这样修改elixir文件：

    elixir(function(mix) {

    mix.sass('app.scss')
        .browserify('app.js')
        .copy('node_modules/bootstrap-sass/assets/fonts', 'public/css/fonts')   

});

字体文件夹被复制到public / css / fonts下，但是没有图标出现。我在这里想念什么？有什么线索吗？

在我的app.css中，路径似乎正确，例如：

src: url("fonts/bootstrap/glyphicons-halflings-regular.eot");

LGil2020/03/27 20:08:55

更新了答案，我现在以更好的方式实现了这一点，类似于最佳答案。在app.scss中：

/* BOOTSTRAP */
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

/* FONT-AWESOME */
$fa-font-path: "../../fonts";
@import "node_modules/font-awesome/scss/font-awesome";

小胖2020/03/27 20:08:55