為何捐款
API 瀏覽器
升級指南
新功能!
quasar.config 檔案
轉換為搭配 Webpack 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
延遲載入 - 程式碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Webpack
處理 process.env
使用 Pinia 進行狀態管理
使用 Vuex 進行狀態管理
Linter
測試與稽核
開發行動應用程式
Ajax 請求
開放 Dev Server 給公眾
Quasar CLI with Webpack - @quasar/app-webpack
CSS 預處理器

SassSCSS (推薦任一種類型) 是透過 Quasar CLI 預設支援的 CSS 預處理器,如果您想要使用它們。

您不需要安裝任何額外的套件或擴充 Webpack 配置。

如何使用

您的 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 變數的資訊。