将自定义 JS 文件和字体添加到您自己的 UIkit 分发版中的最佳方法是什么

Question

我们可以使用 gulp 任务创建我们自己的 UIKit 发行版：

gulp dist -t THEME-NAME

这将创建一个文件夹 dist 并从 LESS 文件生成缩小的 CSS 和 JS 文件。

对于我的项目，我有自定义的 JS 文件和字体。如果我将字体和 js 的子文件夹放在我的 THEME 文件夹中，gulp 任务不会考虑它们。

如果我将它们放在 src 文件夹中，它们就会被添加到我的分发中。

这是好的做法吗？我应该怎么做才能将代码排除在 uikit 代码之外，然后生成我自己的分发版？

Answer 1

所以我决定按如下方式构建我的文件夹。

我决定使用 uikit 作为供应商库。我使用 Laravel 的 Elixir 来编译 less 文件并缩小 javascript 和 CSS 文件。

因此我将 uikit 和我的自定义字体一起放在资产文件夹中的 vendor 文件夹中。我有以下结构：

Assets
 |__CSS
 |__images
 |__javascript
 |__less
 |__vendor
    |__uikit
    |  |__js
    |  |__less
    |
    |__fonts
       |__css
       |__fontName

然后我运行 elixir 的 gulp 并在 /public 和 .copy 下发布我的资产和 public 代表下的图像和其他需要的文件夹。

将自定义 JS 文件和字体添加到您自己的 UIkit 分发版中的最佳方法是什么

What is the best way to add your custom JS files and fonts to your own distribution of UIkit

javascript

css

code-structure

getuikit