自定义前缀
创建自定义前缀的 UIkit 构建版本,以避免并排使用多个 UIkit 版本时出现问题。
随着我们不断发布 UIkit 的新版本,一些组件或类将被更改或删除,同时越来越多的主题和扩展程序是使用 UIkit 构建并在同一页面上加载的。当两个版本中出现的类以不同的方式工作时,可能会导致冲突。
这就是为什么你可以自定义 UIkit 版本的前缀。基本上,这会将通常的 uk-
替换为您设置的任何前缀。
通过 Less 设置前缀
如果您不熟悉 gulp
的用法,请查看我们关于自动化预处理的文档,了解如何创建 UIkit 构建版本。要创建自定义前缀的 UIkit 版本,只需使用您自己的前缀参数 -p
运行 gulp,即可使所有类和 JavaScript 文件都带有自定义前缀。
gulp -p myprefix
运行 gulp 后,您将在 dist 文件夹中找到您的自定义前缀构建版本。例如:
.myprefix-grid { ... }
...
JavaScript noConflict 模式
为了防止多个自定义前缀的 UIkit 版本之间发生冲突,只需在包含 UIkit 之后 调用 noConflict
方法即可
var myUIkit = UIkit.noConflict();