vue3安装scss汇总

59 阅读1分钟

一、需求:配置全局css变量以及css的嵌套使用

二、步骤:

1.在项目根目录下安装依赖: npm i sass sass-loader --save-dev

2.引用:<style scoped lang="scss">

3.在vite-config.ts中配置全局css变量:

image.png

配置好后,就可以在项目里直接使用,例如:color: $global-red;