如果想使用Sass或SCSS（推荐这两种中的任何一种）和Stylus，它们是通过Quasar CLI开箱即用的css预处理器。

您无需安装任何其他软件包或扩展Webpack配置。

怎么用

您的Vue文件可以通过<style>标签包含Sass/SCSS/Stylus代码。

<!-- 注意lang="sass" -->
<style lang="sass">
div
  color: #444
  background-color: #dadada
</style>

<!-- 注意lang="scss" -->
<style lang="scss">
div {
  color: #444;
  background-color: #dadada;
}
</style>

<!-- 注意lang="stylus" -->
<style lang="stylus">
div
  color #444
  background-color #dadada
</style>

而且，当然，还支持标准CSS：

<style>
div {
  color: #444;
  background-color: #dadada;
}
</style>

变量

Quasar还提供变量（$primary, $grey-3等），您可以直接使用它们。 阅读有关Sass/SCSS变量和Stylus变量的更多信息。