网站首页 文章专栏 stylus语法知多少
stylus语法知多少
创建于:2019-06-19 03:12:52 更新于:2024-11-22 04:53:30 羽瀚尘 1158
未分类 前端

在yarn项目中引入 stylus

  1. 新建styl文件,如article.styl
  2. 安装 yarn add stylus stylus-loader 不安装无法在js文件中import非js文件
  3. 在入口js文件中 import
import './article.styl'

注意./是非常重要的,没有的话会报This dependency was not found:错误,似乎没有./会认为是依赖库,需要安装

stylus特性

冒号可有可无
分号可有可无
逗号可有可无
括号可有可无
变量
插值(Interpolation)
混合(Mixin)
数学计算
强制类型转换
动态引入
条件表达式
迭代
嵌套选择器
父级引用
Variable function calls
词法作用域
内置函数(超过 60 个)
语法内函数(In-language functions)
压缩可选
图像内联可选
Stylus 可执行程序
健壮的错误报告
单行和多行注释
CSS 字面量
字符转义
TextMate 捆绑