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中通過自定義指令獲取dom元素
本篇文章主要介紹了詳解在Vue中通過自定義指令獲取dom元素，具有一定的參考價值，有興趣的可以了解一下。
2017-03-03
element的el-table自定義最后一行的實現(xiàn)代碼
最后一行要顯示一些其他結果,用的是element? ui 自帶的數(shù)據(jù)總計的屬性；返回一個數(shù)組,會按下標進行展示,這篇文章主要介紹了element的el-table自定義最后一行的實現(xiàn)代碼,需要的朋友可以參考下
2024-03-03
Vue3 AST解析器-源碼解析
這篇文章我們從 ast 生成時調用的 baseParse 函數(shù)分析，再到 baseParse 返回 createRoot 的調用結果，一直到細化的講解了 parseChildren 解析子節(jié)點函數(shù)中的其中某一個具體解析器的執(zhí)行過程。最后通過一個簡單模板舉例,需要的朋友可以參考下
2021-09-09
使用Vue生成動態(tài)表單的示例代碼
這篇文章主要為大家詳細介紹了如何使用Vue生成動態(tài)表單,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以跟隨小編一起學習一下
2024-03-03
Element實現(xiàn)表格嵌套、多個表格共用一個表頭的方法
這篇文章主要介紹了Element實現(xiàn)表格嵌套、多個表格共用一個表頭的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-05-05
Vue單頁面應用中實現(xiàn)Markdown渲染
這篇文章主要介紹了Vue單頁面應用中如何實現(xiàn)Markdown渲染，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下
2021-02-02
通過Vue+axios獲取接口數(shù)據(jù)的示例詳解
這篇文章主要介紹了Vue結合axios獲取笑話接口數(shù)據(jù)的示例,重點講解axios的特性、使用方法及請求方式,演示如何通過get方法獲取數(shù)據(jù)并展示,同時解決this指向問題,感興趣的小伙伴跟著小編一起來看看吧
2025-08-08
解決vue路由組件vue-router實例被復用問題
這篇文章介紹了解決vue路由組件vue-router實例被復用的問題，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-06-06
element?select必填項驗證回顯問題的解決
本文主要介紹了element?select必填項驗證回顯問題的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-04-04
defineProperty和Proxy基礎功能及性能對比
這篇文章主要為大家介紹了defineProperty和Proxy基礎功能及性能對比，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08