stylus相关知识

stylus是一个基于node.js的css预处理框架,默认使用.styl作为文件扩展名;本质上做的事情与less,sass一样,支持多样式的css语法,比如使用变量,可以去掉花括号、冒号、分号等等,传统的css样式也是支持的。

安装stylus:

npm install stylus stylus-loader --save-dev

也可以在package.json文里的“devDependencies”属性里直接写好包名与版本号,然后命令行输入“npm install”,回车。

在需要使用stylus的组件里需要如下写:

<style scoped lang="stylus" rel="stylesheet/stylus"></style>

 

posted @ 2020-04-11 14:06  90一代  阅读(111)  评论(0编辑  收藏  举报