Иконки Laravel + Bootstrap

Question

Я добавил значки начальной загрузки в свой проект Laravel 8 через командную строку npm i bootstrap-icons

Я уже бегал раньше npm install и npm run dev чтобы включить Laravel / UI.

Но когда я пытаюсь вставить простой значок <i class = "bi bi-alarm"> </i>, он не отображается.

Answer 1

Отредактируйте файл: resources / sass / app.scss и добавьте:

      // Bootstrap-icons
@import '~bootstrap-icons/font/bootstrap-icons.css';

Затем перестройте:

      $ npm run dev

Answer 2

Для Ларавел 10

Установите значки начальной загрузки с помощью:

      sail npm i bootstrap-icons

Затем обновите vite-config и добавьте часть разрешения:

      plugins: [
    ...
],
resolve: {
    alias: {
        '~bootstrap-icons': path.resolve(__dirname,'node_modules/bootstrap-icons'),
    }
}

Теперь мы можем добавить значки начальной загрузки в наш файл app.scss:

      @import '~bootstrap-icons/font/bootstrap-icons.css';

Наконец, мы хотим построить:

      sail npm run build

Теперь вы можете использовать значки начальной загрузки в своем html:

      <i class="bi bi-person-fill"></i>

Если вы не используете парус, вы можете запустить его без части «паруса» и использоватьnpm run devпересобрать и использовать приложение.