css预编译stylus以及在vue中使用stylus

vue

引用stylus官网中的一句话:富于表现力、动态的、健壮的 CSS

stylus是一个强大的css预编译语言,stylus支持省略花括号,支持省略分号,代码整洁,支持引入,并且支持语法内函数

mixin.styl:

使用非常简单

安装stylus,使用npm安装,stylus和stylus-loader,一个都不能少

npm install stylus stylus-loader --save-dev

使用的话分为两种,一种是直接在vue中的style模块中使用,这时在style模块中中规定好就可以了

还有一种是作为.styl文件引入

把css内容放在styl文件中,然后在vue的style模块中通过@import引入

content.styl

以上是 css预编译stylus以及在vue中使用stylus 的全部内容, 来源链接: utcz.com/z/376522.html

回到顶部