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

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

本文关键字:分发版 UIkit 最佳 方法 是什么 自己的 文件 JS 自定义 字体 添加      更新时间:2023-09-26

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

gulp dist -t THEME-NAME

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

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

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

这是良好的做法,或者我应该做些什么来保持代码的uikit代码,然后生成我自己的发行版?

所以我决定按照下面的方式来组织我的文件夹。

我决定使用uikit作为供应商库。我使用Laravel的Elixir来编译较少的文件,并最小化javascript和CSS文件。

因此,我将uikit与我的自定义字体一起放在了assets文件夹中的vendor文件夹中。我有以下结构:
Assets
 |__CSS
 |__images
 |__javascript
 |__less
 |__vendor
    |__uikit
    |  |__js
    |  |__less
    |
    |__fonts
       |__css
       |__fontName 

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