如何为uikit配置npm观察器?

时间:2017-11-19 15:09:14

标签: npm getuikit

伙计们.-)

我尝试配置npm run watch - 命令为less。关于uikit documentatiton 写道,我可以创建文件夹" custom"用我的代码减少文件,例如my-theme.less。所以,我创建:

src/custom/my-theme.less file and import uikit theme - @import "../src/less/uikit.theme.less";

现在问题 -

  1. npm观察者如何知道这个文件?)
  2. 如何为较少的编译器创建文件入口点?

1 个答案:

答案 0 :(得分:0)

默认情况下,UIKit脚本会自动检查是否存在“自定义”文件夹,但您的路径不正确。

来自documentation

  • 该文件应位于/custom/my-theme.less
  • 您覆盖例如/src/less/components/card.less
  • 的规则

当您查看这些路径时,您会发现custom文件夹需要位于src文件夹旁边,而不是在其中。

此外,如果您查看构建脚本,您将在compile构建脚本中找到名为less.js的函数,该脚本定义了路径:

  1. paths: ['src/less/', 'custom/']
  2. 总而言之,如果您的自定义文件位于正确的文件夹中,它们将自动处理,并且所有CSS / JS文件也将使用您的自定义名称生成