pnpm add -D sass
src下面创建 styles/main.scss 文件
mian.ts 内引入 ./styles.scss 文件
import './styles/main.scss'
测试scss是否生效:
styles/mian.scss
:root{
--mian:red;
}
App.vue
<template>
<div>你好</div>
</template>
<style lang="scss" scoped>
div {
color: var(--mian);
}
</style>