1、 npm下載scss包
npm install sass sass-loader -d
2、創(chuàng)建全局的scss文件添加全局樣式
文章來源：http://www.zghlxwxcb.cn/news/detail-511919.html
3、Vite 添加css配置
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
css: {
preprocessorOptions: {
scss: {
additionalData: `@import "./src/style/mixin.scss";` // 此處全局的scss文件
}
}
}
})
4、使用配置好的 scss 可以使用定義好的scss樣式
文章來源地址http://www.zghlxwxcb.cn/news/detail-511919.html
到了這里，關(guān)于Vue3中引入scss的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
