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

引用stylus官网中的一句话:富于表现力、动态的、健壮的 CSS
stylus是一个强大的css预编译语言,stylus支持省略花括号,支持省略分号,代码整洁,支持引入,并且支持语法内函数
mixin.styl:css预编译stylus以及在vue中使用stylus
css预编译stylus以及在vue中使用stylus
使用非常简单
安装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