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

时间:2015-09-28 09:29:03

标签: javascript css code-structure getuikit

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

gulp dist -t THEME-NAME

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

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

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

这是一个好的做法,或者我该怎么做才能将代码保留在uikit代码之外,然后生成我自己的发行版?

1 个答案:

答案 0 :(得分:0)

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

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

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

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

然后我运行elixir的gulp并在/public.copy下公开代码下的图片和其他所需文件夹下发布我的资产。