本文主要和大家介绍vue中引入stylus及报错解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。
前提条件是已经有了vue项目,如果没有,请先建立
安装stylus
好了,建立好项目后我们来安装stylus
npm install stylus stylus-loader --save-dev
这样就安装上了stylus。
立即学习“前端免费学习笔记(深入)”;
接下来就可以使用了,使用方式分两种。一种是在.vue文件的style块中使用,一种是引用.styl文件的形式
在.vue文件的style块中使用
这个很简单,只要在style标签加上lang="stylus"就可以了,看完这例子
外部引用.styl文件
通过css语法引入比较方便,用js模块的方式配置比较复杂
在项目中的.vue文件中,如果想使用stylus即:如:
