Как использовать иконки перьев на Laravel через Laravel Mix, NPM - PullRequest
Новая
       7

Как использовать иконки перьев на Laravel через Laravel Mix, NPM

0 голосов
/ 27 января 2019

Я пытаюсь использовать иконки из перьев в среде ларавеллы, я думал, что сделаю это через npm.Может ли кто-нибудь помочь мне понять, как это работает, а я не могу заставить его работать.Я очень плохо знаком с работой с пакетами.

Я установил 

npm install feather-icons --save

, затем я добавил const feather = require('feather-icons') в свой ресурс / app.js,

, затем я запускаю "npm run dev "

  1. Как бы я отображал значки, перечисленные на этом сайте (скажем, cirlce), на своих страницах?

  2. Это то, что я сделалвыше правильно?

Спасибо

1 Ответ

0 голосов
/ 29 января 2019

Да, то, что вы сделали, правильно.Следуйте инструкциям по добавлению значка в ваш проект.

  1. Добавьте метод feather.replace() в тот же файл app.js.
  2. Свяжите сгенерированный файл с вашим макетом или страницей, в которой он должен хранитьсяpublic/js по умолчанию, поэтому тег скрипта выглядит (при условии, что вы используете его в Laravel Blade) 

<script src="{{ asset('js/app.js') }}"></script>
Добавить нужный значок в вашу разметку 

<h1><i data-feather="circle"></i>Hello World</h1>

все должно работать нормально.в качестве альтернативы вы можете использовать напрямую, связавшись с CDN. 

<!DOCTYPE html>
<html lang="en">
  <title></title>
  <script src="https://unpkg.com/feather-icons"></script>
  <body>

    <!-- example icon -->
    <i data-feather="circle"></i>

    <script>
      feather.replace()
    </script>
  </body>
</html>
...