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

Question

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

gulp dist -t THEME-NAME

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

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

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

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

Answer 1

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

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

因此，我将 uikit 与我的自定义字体一起放在 Assets 文件夹中的 vendor 文件夹中。我有以下结构:

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

然后我运行 elixir 的 gulp 并将我的 Assets 发布到 /public 和 .copy公共(public)代表下的图像和其他需要的文件夹。