這篇“vue怎么使用scss函數(shù)”文章的知識點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“vue怎么使用scss函數(shù)”文章吧。

創(chuàng)新互聯(lián)建站長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為紅花崗企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都做網(wǎng)站，紅花崗網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

具體步驟如下：

1.首先，在vue-cli中創(chuàng)建一個(gè)vue.js項(xiàng)目；

vue init webpack myvue

2.vue.js項(xiàng)目創(chuàng)建好后，使用npm命令安裝sass依賴包；

npm install sass-loader --save-devnpm install node-sass --sava-dev

3.sass依賴包安裝好后，在webpack.base.conf.js文件中進(jìn)行以下配置；

{test: /\.scss$/,loaders: ['style', 'css', 'sass']}

4.最后，webpack.base.conf.js文件配置好后，通過在style標(biāo)簽中添加lang=”scss”屬性，即可使用scss函數(shù)；