在使用IDEA开发Vue.js仿饿了么实战项目的过程中,我遇到了一个关于stylus预处理器的问题,通过上网查找我了解到许多关于这方面的知识,现在就由我为大家讲解我对预处理器的认识和开发仿饿了么项目遇到的stylus预处理器问题。
CSS的预处理器是用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题的一种语言,有Sass(Scss)、Less、Stylus三种。
在Vue.js中主要是使用stylus预处理器,使用的代码为:<style lang="stylus" rel="stylesheet/stylus">
但,在使用后你会发现,为了使CSS代码更加方便写和易读性,你在使用嵌套上一级选择器的符号或不用大括号{}等过程中,你会发现代码报错,但是在你以为代码写错而检查一遍后发现没有问题,但是代码就是报错。在经过一番折腾后,我终于解决了问题,方法如下:
<style lang="stylus" rel="stylesheet/stylus" type="text/stylus">
即在style后面加上type="text/stylus"即可解决代码报错问题。