npm install -D sass-loader node-sass sass
-
vite.config.ts配置全局scss
// 全局css
css: {
preprocessorOptions: {
scss: {
additionalData: `./src/assets/scss/global.scss";`,
}
}
},
global.scss:
$orange: #FFA500;
helloPage.vue:
<style lang="scss" scoped>
.container {
background-color: $orange;
}
</style>
