0

0

vue引入stylus及报错如何解决

小云云

小云云

发布时间:2018-05-16 15:49:41

|

4729人浏览过

|

来源于php中文网

原创

本文主要和大家介绍vue中引入stylus及报错解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

前提条件是已经有了vue项目,如果没有,请先建立

安装stylus

好了,建立好项目后我们来安装stylus

npm install stylus stylus-loader --save-dev

这样就安装上了stylus。

立即学习前端免费学习笔记(深入)”;

接下来就可以使用了,使用方式分两种。一种是在.vue文件的style块中使用,一种是引用.styl文件的形式

OpenArt
OpenArt

在线AI绘画艺术图片生成器工具

下载

在.vue文件的style块中使用

这个很简单,只要在style标签加上lang="stylus"就可以了,看完这例子

外部引用.styl文件

通过css语法引入比较方便,用js模块的方式配置比较复杂

在项目中的.vue文件中,如果想使用stylus即:如: