VueJS 全局使用 css 模块

问题描述

我想知道是否可以通过在类中编写 css 来使用 css 模块，而什么也不做。简单地写 <div class="text-xs text-black bg-blue-500"> 可以转换成 [sha1:hash:hex:6] 吗？下面我来解释一下。

我制作了一个小实用程序类，用于导入我的主要 css 文件并调用样式。

import tailwind from "@/Assets/main.css";

export const style = (classList) => {
    return classList.split(' ').map(_class => {
        return tailwind[_class]
    })
}

我将此实用程序脚本分配给 Vue.prototype，以便我可以这样使用它：

<div :class="$style('text-xs text-black bg-blue-500')">

然而，这会降低我对代码的可读性，如果同时使用 class 和 :class，因此将我的代码转换为 double :class 会产生“重复类属性”的错误。所以我正在研究 Vue 如何渲染里面的东西，我可以在 Vue 创建组件的同时操纵里面的元素，这样我就可以用我的实用程序脚本替换类，但这是一个死胡同。

知道如何实现这一目标吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-modules vue.js