Quasar CLI with Webpack - @quasar/app-webpack
Sass 或 SCSS (推薦任一種類型) 是透過 Quasar CLI 預設支援的 CSS 預處理器,如果您想要使用它們。
您不需要安裝任何額外的套件或擴充 Webpack 配置。
如何使用
您的 Vue 檔案可以透過 <style>
標籤包含 Sass/SCSS 程式碼。
<!-- Notice lang="sass" -->
<style lang="sass">
div
color: #444
background-color: #dadada
</style>
content_paste
<!-- Notice lang="scss" -->
<style lang="scss">
div {
color: #444;
background-color: #dadada;
}
</style>
content_paste
當然,也支援標準 CSS
<style>
div {
color: #444;
background-color: #dadada;
}
</style>
content_paste
變數
Quasar 也提供變數 ( $primary
、$grey-3
,以及更多),您可以直接使用它們。閱讀更多關於 Sass/SCSS 變數的資訊。