Удалить глификоны начальной загрузки из начальной загрузки css

Я хочу удалить пакет значков Bootstrap из Bootstraop css, потому что он слишком тяжелый, и я использую отличный шрифт. Есть ли способ его удалить.

Я использую веб-пакет для компиляции файлов scss в css.

Я использую последнюю версию начальной загрузки. Я установил bootstrap-sass и @import "~bootstrap-sass/assets/stylesheets/bootstrap"; для импорта начальной загрузки.

Если вам нужна дополнительная информация, прокомментируйте.

Какую версию Bootstrap вы используете? И вы ссылаетесь на Bootstrap CSS напрямую или строите его из исходников?

DavidG 22.03.2018 13:06
Bootstrap-sass создает собственный файл scss, в котором вы импортируете компонент bootstrap-sass, который хотите использовать, и не импортируете _glyphicons.scss.
Yves Kipondo 22.03.2018 13:11

@DavidG Я обновил свой вопрос

Advaith 22.03.2018 13:17

@yvesdaxmaz это именно то, что я хотел знать. Можете ли вы также ответить на этот вопрос с помощью кода?

Advaith 22.03.2018 13:18
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
4
552
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вместо импорта bootstrap-sass/assets/stylesheets/bootstrap просто создайте собственный файл, в котором вы импортируете все без глификона, как это

Содержимое bootstrap-sass/assets/stylesheets/bootstrap похоже на это, и я внес некоторые изменения в строку, где импортируется глификон.

// Core variables and mixins
@import "bootstrap/variables";
@import "bootstrap/mixins";

// Reset and dependencies
@import "bootstrap/normalize";
@import "bootstrap/print";

// Here is where the glyphicons are import
// I comment just this line and every thing will work like you want without the glyphicons
//@import "bootstrap/glyphicons"; 

// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";

// Components
@import "bootstrap/component-animations";
@import "bootstrap/dropdowns";
@import "bootstrap/button-groups";
@import "bootstrap/input-groups";
@import "bootstrap/navs";
@import "bootstrap/navbar";
@import "bootstrap/breadcrumbs";
@import "bootstrap/pagination";
@import "bootstrap/pager";
@import "bootstrap/labels";
@import "bootstrap/badges";
@import "bootstrap/jumbotron";
@import "bootstrap/thumbnails";
@import "bootstrap/alerts";
@import "bootstrap/progress-bars";
@import "bootstrap/media";
@import "bootstrap/list-group";
@import "bootstrap/panels";
@import "bootstrap/responsive-embed";
@import "bootstrap/wells";
@import "bootstrap/close";

// Components w/ JavaScript
@import "bootstrap/modals";
@import "bootstrap/tooltip";
@import "bootstrap/popovers";
@import "bootstrap/carousel";

// Utility classes
@import "bootstrap/utilities";
@import "bootstrap/responsive-utilities";

`` ''

То же самое для начальной версии 4 и выше? В любом случае спасибо за вашу помощь.

Advaith 22.03.2018 13:32

добро пожаловать в bootstrap 4, там нет компонента глификона, посмотрите здесь Актив Bootstrap 4, а файл, который импортирует все утверждения, - это bootstrap.scss

Yves Kipondo 22.03.2018 13:36

Итак, вы имеете в виду, что в Bootstrap 4 нет глификона? Я еще не начал использовать Bootstrap 4.

Advaith 22.03.2018 13:40

Да, они решили удалить его из начальной загрузки и предлагают использовать глификоны в качестве внешнего компонента или отличного шрифта Отбросьте шрифт глификонов

Yves Kipondo 22.03.2018 13:43

Спасибо, что сообщили мне об этом. Спасибо за вашу помощь. Удачного кодирования. ??

Advaith 22.03.2018 13:45

Другие вопросы по теме