1、 npm下载scss包
npm install sass sass-loader -d
2、创建全局的scss文件添加全局样式
文章来源:https://www.toymoban.com/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样式
文章来源地址https://www.toymoban.com/news/detail-511919.html
到了这里,关于Vue3中引入scss的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!