如何将feather-icons编译成css文件？

Question

我买了一个 html/css 主题，它使用这个包：

当我运行

npm install feather-icons --save-dev

时，我将其安装在node_modules下：

图标/里面只有 .svg 文件/图标

我不明白这个主题的卖家是如何在该包的 public/fonts/feather 文件夹下创建这个文件结构的？？？

是否有某种工具可以从 npm 包中生成这些文件或者什么？？？

Answer 1

主题作者的做法是正确的。因为您可以在链接到 NPM 存储库时更新您的图标。顺便说一下，请按照步骤将图标添加到您的项目中。

在
```
feather.replace()
```
文件中添加
```
app.js
```
方法。（如果你使用默认的 Laravel Mix 结构）
将生成的文件链接到您的布局或页面，默认情况下它应该存储在
```
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>

或者，您可以使用

mix.copy

或

mix.copyDirectory

从节点模块复制。例如

mix.copyDirectory('node_modules/feather-icons', 'public/icons');

PS：了解更多信息https://laravel.com/docs/5.8/mix

Answer 2

v4.29.2 转换扩展并创建 CSS

https://github.com/ZeoNish/feather-css

如何将feather-icons编译成css文件？

问题描述投票：0回答：2

2个回答

最新问题

如何将feather-icons编译成css文件？

问题描述 投票：0回答：2

2个回答

最新问题

问题描述投票：0回答：2