溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue項目中引入Sass實例方法

發(fā)布時間:2020-10-04 13:53:54 來源:腳本之家 閱讀:138 作者:coolwan丶 欄目:web開發(fā)

Sass作為目前成熟,穩(wěn)定,強大的css擴展語言,讓越來越多的前端工程師喜歡上它。下面介紹了如何在vue項目

中引入Sass。

首先在項目文件夾執(zhí)行命令 npm install vue-cli -g,安裝vue-cli腳手架,若是已經(jīng)安裝了,則不必再次安裝,直接

跳過這一步。接下來執(zhí)行命令行vue init webpack mypro(注:mypro是項目名)。

接下來安裝Sass依賴包,使用以下命令行:

npm install sass-loader --save-dev

npm install node-sass --save-dev

執(zhí)行完畢后,找到build文件夾,在文件夾里面的webpack.base.conf.js中修改以下配置:

在module下的rules里添加配置:

vue項目中引入Sass實例方法

  最后就到了應用這一步了,只需設置lang="scss"

vue項目中引入Sass實例方法

好了,是不是很簡單。

以上就是vue項目中引入Sass全部知識點內(nèi)容,感謝大家對億速云的支持。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI