您好,登錄后才能下訂單哦!
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里添加配置:
最后就到了應用這一步了,只需設置lang="scss"
好了,是不是很簡單。
以上就是vue項目中引入Sass全部知識點內(nèi)容,感謝大家對億速云的支持。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。