从 Laravel 5.4 中删除 Glyphicons答案

【问题标题】：Remove Glyphicons from Laravel 5.4从 Laravel 5.4 中删除 Glyphicons
【发布时间】：2018-03-31 08:28:23
【问题描述】：

我有 laravel-5.4 项目，我想从中删除 Glyphicons。我从项目的根文件夹中尝试了以下命令：

npm uninstall glyphicons-halflings

然后我运行npm run production。但是，什么也没发生，Glyphicons 字体保持原样。我怎样才能删除那个字体？

【问题讨论】：

标签： laravel-5.4 laravel npm laravel-5.4 glyphicons

【解决方案1】：

Glyphicons 包含在通过 npm 安装的 bootstrap-sass 中。因此，如果要删除字形图标，则必须删除 bootstrap.js 文件中的 require('boostrap-sass') 。

或者如果你真的想只删除字体然后你删除

node_modules/bootstrap-sass/assets/fonts/bootstrap

目录，但这可能会显示一个错误，即 glyphicons is not located。

要修复上面的错误，你应该去

node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss

归档并删除此代码

@import "bootstrap/glyphicons";

此解决方案的问题可能是在您完成所有这些工作并使用 npm run update 更新依赖项之后，然后您删除的所有内容都将更新为最新的 bootstrap-sass 依赖项，除非您已删除 bootstrap-sass package.json 中的依赖项

"devDependencies": {
    "bootstrap-sass": "^3.3.7",
  },

【讨论】：

非常好，那么，是否有任何用于 bootstrap-sass 的替代包，它使用 font awesome 而不是 glyphicons，所以我安装它？
抱歉，我好像找不到这样的包。

【解决方案2】：

您可以将引导程序定义复制到您的资源文件夹：

mix.copy('node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss', 'resources/assets/sass/_bootstrap.scss');

并通过删除或注释您不想要的元素来编辑此文件并更改所有路径，例如字体：

resources/assets/sass/_bootstrap.scss:

// Reset and dependencies
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/normalize";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/print";
// @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap/glyphicons";

你需要添加这个文件来代替原来的 bootstrap import resources/assets/sass/app.scss:

// Bootstrap
// @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
@import "bootstrap";

在此之后运行：

npm run dev

【讨论】：

这是更准确的答案，但是每次我们运行 npm run dev 时，resources/assets/sass/_bootstrap.scss 都会被覆盖