我们可以使用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
下发布我的资产,图像和其他需要的文件夹在公共代表下