自定义前缀

创建自定义前缀的 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();