Quasar CLI 与 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>
内容粘贴
<!-- 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 变量 的信息。