在vue项目中引入stylus

不打扰是莪最后的温柔 提交于 2019-12-09 16:13:36

安装stylus

在这里插入图片描述
在项目文件夹中打开git bash,然后在黑框中输入npm install stylus stylus-loader。

在项目中创建 stylus 文件

在这里插入图片描述
在css文件夹下创建stylus文件,格式为 文件名.styl ,然后在文件上写代码。

在vue组件中引入stylus文件

在这里插入图片描述
如上图,在style标签里面输入 lang=“stylus”。因为是在style标签下引入文件,所以要使用 @import ’ 路径 ’ 这方法来引入,其中~@指代的是src。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!