溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
sass語法怎么在vue項(xiàng)目中使用？很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
Sass（英文全稱：Syntactically Awesome Stylesheets）是一個(gè)最初由Hampton Catlin設(shè)計(jì)并由Natalie Weizenbaum開發(fā)的層疊樣式表語言。在開發(fā)最初版本之后，Weizenbaum和Chris Eppstein繼續(xù)通過SassScript來繼續(xù)擴(kuò)充Sass的功能。SassScript是一個(gè)在Sass文件中使用的小型腳本語言。
使用sass可以使我們的樣式代碼變的更簡潔，更具有易讀性
首先，我們創(chuàng)建完vue項(xiàng)目之后
嘗試在項(xiàng)目中使用sass語法
運(yùn)行后發(fā)現(xiàn)果不其然報(bào)錯(cuò)了
在使用scss之前，我們首先需要安裝相關(guān)的插件
npm install sass --save-dev npm install node-sass --save-dev npm install sass-loader --save-dev
在這里為了安裝的速度更快，我使用了淘寶鏡像cnpm
在build目錄找到webpack.base.conf.js文件
在該文件module.export中的module.rules加入解釋scss文件的loader
{
test: /\.scss$/,
loader: 'sass-loader!style-loader!css-loader'
}看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼