去哪儿旅行笔记(二)---css代码优化(stylus)

使用 stylus 定义变量

在 src assets styles 建立 varibles.styl文件

在 varibles.styl文件 定义变量 例子：$bgColor = #00bcd4

在 html 中的 style 中引用 CSS中引用 使用 @ 符号 前边要加 ~

引用后使用例子 background $bgColor

@ 代表 src 在 build下的 webpack.base.conf.js 文件中 resolve => alias(别名) 中 显示的 @ 指向 src
可以定义新的别名 定义后需要重启项目

 

在 src assets styles 建立 mixins.styl文件

在 mixins.styl文件 定义变量 例子：
ellipsis( ) 超出部分省略号显示
overflow hidden
white-space nowrap
text-overflow ellipsis

在 html 中的 style 中引用

引用后使用例子 ellipsis( ) 执行一遍

 

gitignore 文件中的不会提交到git仓库里