在启用CSS模块的情况下在Vue中使用Pug

时间:2019-05-26 17:22:26

标签: vue.js pug css-modules vue-loader

由于我更喜欢​​语法,因此我已在Vue SFC中使用Pug而不是纯HTML。除其他功能外,Pug还具有通过使用类似于CSS选择器的语法将类应用于元素的捷径,即elem.cls的结果为<elem class="cls"></elem>

但是,由于将带vue-loader的CSS模块依赖于组件实例上的$style属性,因此需要使用elem(:class="$style.cls")来获得与上述相同的结果。

这使模板代码更加冗长,并且消除了我最喜欢使用Pug的优点之一,因为类符号比纯HTML格式要短 ,同时保持清晰易懂。

是否有更好的解决方案,最好是不编写自己的加载器来预处理Pug代码的解决方案?如果没有,我想我会处理的。只需检查是否有人曾经遇到过(可能发生过),是否愿意分享他们的处理方式。

0 个答案:

没有答案