vue-cli項目安裝與使用scss

首先,安裝以下依賴

npm install node-sass -D
npm install sass-loader -D

然後,在項目中新建一個scss文件

使用scss語法定義h1和div標籤的樣式

在vue文件中導入scss文件

注意,要在style標籤中添加lang="scss"屬性。
在這裏插入圖片描述

將項目run起來就可以看到效果了

在這裏插入圖片描述

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