CSS 预处理器 | Quasar 框架

build: {
  extendViteConf (viteConf, { isClient, isServer }) {
    viteConf.css.modules = ...
    viteConf.css.postcss = ...
    viteConf.css.preprocessorOptions
  }
}

更多信息：css.modules, css.postcss, css.preprocessorOptions。

用法

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

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

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

当然，也支持标准 CSS

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

变量

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

发现错误？在浏览器中编辑此页面

1. 简介

2. 配置

3. 用法

4. 变量