返回介绍

自定义前缀

发布于 2019-05-26 16:28:17 字数 707 浏览 1029 评论 0 收藏 0

创建自定义前缀的UIkit构建,是为了在同时使用多个版本的UIkit时,避免出现冲突。

随着我们不断地发行新版的UIkit,当越来越多使用UIkit构建的主题和扩展被加载到同一个页面上时,一些组件或者class会被改变或失效。当class在两个版本上作用不一样时,这可能引起冲突。

这就是为什么你可以自定义UIkit的前缀。这基本上会用你设置的前缀来取代通常的 uk-


通过 Less 设置前缀

如果你不熟悉 gulp 的用法,查看 自动预处理 了解如何创建一个UIkit构建。创建自定义前缀的UIkit版本,只需要在 -p 中使用你自己的前缀参数,即可使所有的class和JavaScript文件变成自定义前缀。

gulp -p myprefix

运行gulp后,你将在dist文件夹中找到你的自定义前缀构建。比如:


.myprefix-grid { ... }
...

JavaScript 的无冲突模式

为了防止多个版本的自定义UIkit发生冲突,主需要在包含UIkit 之后调用 noConflict 方法:

var myUIkit = UIkit.noConflict();

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文