Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将自定义JS文件和字体添加到自己的UIkit发行版的最佳方式是什么_Javascript_Css_Code Structure_Getuikit - Fatal编程技术网

Javascript 将自定义JS文件和字体添加到自己的UIkit发行版的最佳方式是什么

Javascript 将自定义JS文件和字体添加到自己的UIkit发行版的最佳方式是什么,javascript,css,code-structure,getuikit,Javascript,Css,Code Structure,Getuikit,我们可以使用gulp任务创建自己的UIKit发行版: gulp dist -t THEME-NAME 这将创建一个文件夹dist,并从较少的文件中生成缩小的CSS和JS文件 对于我的项目,我有自定义的JS文件和字体。如果我将字体和js的子文件夹放在主题文件夹中,gulp任务不会考虑它们 如果我把它们放在src文件夹中,它们就会被添加到我的分发中 这是一个很好的做法,还是我应该做些什么来避免uikit代码中的代码,然后生成我自己的发行版?因此我决定按如下方式构建我的文件夹 我决定使用uikit作

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

gulp dist -t THEME-NAME
这将创建一个文件夹
dist
,并从较少的文件中生成缩小的CSS和JS文件

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

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


这是一个很好的做法,还是我应该做些什么来避免uikit代码中的代码,然后生成我自己的发行版?

因此我决定按如下方式构建我的文件夹

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

因此,我将uikit与自定义字体一起放在资产文件夹的供应商文件夹中。我的结构如下:

Assets
 |__CSS
 |__images
 |__javascript
 |__less
 |__vendor
    |__uikit
    |  |__js
    |  |__less
    |
    |__fonts
       |__css
       |__fontName 
然后我运行elixir's gulp并在
/public
下发布我的资产。复制该公共代表下的图像和其他所需文件夹