vue3项目中配置sass,vite报错Undefined mixin问题
更新时间:2024年02月08日 16:23:02 作者:qq_41419473
这篇文章主要介绍了vue3项目中配置sass,vite报错Undefined mixin问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue3项目配置sass,vite报错Undefined mixin
vite报错
是因为scss的内置语法需要预编译。
在vite.config.ts配置
css: { preprocessorOptions: { // 导入scss预编译程序 scss: { additionalData: `@use "@/styles/modules/mixin.scss" as *;`, }, }, },
这样就可以使用mixin.scss中的混淆变量了
在Vite和Vue3项目中使用和配置sass
怎么在vue3项目中使用sass作为css预处理器。
代码
直接安装sass就可以了,其他的都不用配置。
npm i sass -D
原因
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
这篇文章主要介绍了vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component的相关知识,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
最新评论