我使用这个教程将Bootstrap集成到我的项目中：
https://laravel-news.com/2015/10/setup-bootstrap-sass-with-laravel-elixir/
这会在css文件夹中放置一个app.css文件。 然而，如果我尝试使用glyphicons，它们不会显示出来。 所以我尝试像这样修改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");
我在安装 Laravel 5.2 时遇到了同样的问题。我所做的就是检查浏览器中的请求路径：
../build/fonts/bootstrap/glyphicons-halflings-regular.woff2
所以我刚刚添加到 gulp.js 中：
mix.copy('node_modules/bootstrap-sass/assets/fonts/bootstrap/','public/build/fonts/bootstrap');
然后在终端中输入：
gulp
对我来说那起作用了！
build，这种方法对我有效。 - coding_idiot在包含Bootstrap文件之前，您应该在app.scss中正确设置变量$icon-font-path的值，可能在您的情况下应该是：
$icon-font-path: '/css/fonts/';
public/css/fonts还是public/css/fonts/bootstrap中？如果在第二个路径中，请尝试更改为有效路径。 - Marcin Nabiałekapp.scss 文件的开头处添加 $icon-font-path: '/css/fonts/bootstrap/';，然后尝试一下。 - Marcin Nabiałek<span class="glyphicons glyphicons-ok"></span>而不是<span class="glyphicon glyphicon-ok"></span>。 - Chriz74First make sure you are using the NodeJS package latest version (v6.7.0)
Click the tab "Current Latest Features" at the URL https://nodejs.org/en/download/current/
Run npm install
Modify the file gulpfile.js to contain the following:
elixir(mix => {
mix.sass('app.scss')
.webpack('app.js');
mix.copy('node_modules/bootstrap-sass/assets/fonts/bootstrap/','public/fonts/bootstrap');
});
Run gulp:
gulp
Thats it.
npm install
npm run production
mix.copy('node_modules/bootstrap-sass/assets/fonts/bootstrap/', 'public/fonts/bootstrap');
resources/assets/sass/_variables.scss 或 app.scss 中。$icon-font-path: '/fonts/bootstrap/';
app.css文件，并发现字体路径是/fonts/。当我手动将此路径编辑为../fonts而不是/fonts时，它可以正常工作。我无法弄清楚如何设置这个路径。我无法将$icon-font-path'更改为../fonts`，它会报错。 - Rashad$icon-font-path: '/fonts/';注意：您必须在resources/assets/sass/上进行编辑。 - Kzynpm install 和 npm run dev 即可；默认的 Laravel 设置已经是正确的。 - JordanLaravel 5.3移除构建
mix.copy('node_modules/bootstrap-sass/assets/fonts/bootstrap/', 'public/fonts/bootstrap');
运行 gulp
npm install 和 npm run dev 这两个命令。这篇答案并没有完全解决我的问题，但是它指引了我正确的方向。这是我的解决方案，它包括了两种情况：如果您已经为应用程序定义了URL（使用homestead或其他VM / Vagrant /等），或者如果您像我一样安装了lamp stack / xampp / wamp / mapm等，并从apache htdocs sbfolder进行开发。
首先，您需要在webpack.mix.js文件末尾添加以下内容：mix.copy('node_modules/bootstrap-sass/assets/fonts/bootstrap/', 'public/fonts/');
接下来打开resources/assets/sass/_variable.scss并编辑$icon-font-path的值。
localhost/YOUR_APP/public/，那么您应该设置图标字体路径，如下所示：$icon-font-path: "/YOUR_APP/public/fonts/";
如果您已经为应用程序设置了URL，您只需要设置图标字体路径，如下所示：$icon-font-path: "/public/fonts/"并重新编译CSS文件。在将应用程序推送到生产环境之前，如果一开始没有设置，请务必更改此设置！！！
对于不知道如何重新编译CSS和JS文件的人，请按照以下步骤操作：npm installnpm run-script production（您还有其他可用的标志，但我更喜欢production，因为它会缩小js和css）