sass語法怎么在vue項目中使用？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

站在用戶的角度思考問題，與客戶深入溝通，找到鼓樓網(wǎng)站設(shè)計與鼓樓網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：做網(wǎng)站、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋鼓樓地區(qū)。

Sass（英文全稱：Syntactically Awesome Stylesheets）是一個最初由Hampton Catlin設(shè)計并由Natalie Weizenbaum開發(fā)的層疊樣式表語言。在開發(fā)最初版本之后，Weizenbaum和Chris Eppstein繼續(xù)通過SassScript來繼續(xù)擴充Sass的功能。SassScript是一個在Sass文件中使用的小型腳本語言。

使用sass可以使我們的樣式代碼變的更簡潔，更具有易讀性

首先，我們創(chuàng)建完vue項目之后

嘗試在項目中使用sass語法

運行后發(fā)現(xiàn)果不其然報錯了

在使用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)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

當前題目：sass語法怎么在vue項目中使用-創(chuàng)新互聯(lián)
文章路徑：http://weahome.cn/article/dppees.html