vuetify正確引入sass/scss的姿勢

首先vuetify想用自己的sass文件老是出錯,提示不能寫引號

正常情況下用引號是可以成功的

#element-ui中配置是不會報錯的  
#在vuetify中配置會出錯
css: {
    loaderOptions: {
      sass: {
        // 新版本sass-loader, 將data改成prependData進行配置
        data: `@import "@/assets/scss/_variable.scss";`
      }
    }
  }

去掉引號後雖然編譯成功,但是在用的時候還是提示報錯,又提示我們缺少引號,真蛋疼

 

解決辦法:

vuetify的官網中,其實已經說了

src-》新建scss文件夾-》新建variables.scss文件(裏面寫全局樣式)

 

其它的用法沒什麼區別

 

發佈了141 篇原創文章 · 獲贊 13 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章