Question

我正在尝试在laravel环境中使用羽毛图标，我想我会在npm中使用它。有人可以帮我了解它的工作原理，因为我无法正常工作。我对使用软件包非常陌生。

我已安装

npm install feather-icons --save

然后我将const feather = require('feather-icons')添加到了resource / app.js中，

然后我运行“ npm run dev”

我如何在我的页面上显示此网站上列出的图标（例如cirlce）？
我上面所做的正确吗？

谢谢

Answer 1

是的，您所做的是正确的。请按照将图标添加到项目中的步骤进行操作。

在同一feather.replace()文件中添加app.js方法。
将生成的文件链接到您的布局或页面，默认情况下应将其存储在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>

Answer 2

list_a = [(1,'a'), (2,'b'), (1,'a'), (3,'b'), (3,'b'), (1,'a')]

如何通过Laravel Mix，NPM在Laravel上使用羽毛图标

2 个答案: