欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在vue中安裝使用sass的實(shí)現(xiàn)方法

 更新時(shí)間：2023年05月20日 09:08:26   作者：熬夜的卡多希  
這篇文章主要介紹了在vue中安裝使用sass的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue安裝使用sass的方法

1.腳手架安裝vue項(xiàng)目

npm install -g vue-cli

2.安裝項(xiàng)目依賴(lài)

npm install

3.運(yùn)行項(xiàng)目

npm run dev

4.安裝sass依賴(lài)

npm install --save-dev sass-loader
//sass-loader依賴(lài)于node-sass
npm install --save-dev node-sass

安裝完成如圖所示：

5.在頁(yè)面中使用

6.如果頁(yè)面中的文字變成紅色，說(shuō)明已經(jīng)成功配置好sass了

vue安裝使用sass的注意事項(xiàng)

首先是安裝依賴(lài)

npm install --save-dev sass-loader
//sass-loader依賴(lài)于node-sass
npm install --save-dev node-sass

但是在安裝2個(gè)之后可能會(huì)出現(xiàn)報(bào)錯(cuò)

原因: 上面說(shuō)是因?yàn)閟ass-loader的版本過(guò)高導(dǎo)致，因其最新版本為8.0.0，此會(huì)導(dǎo)致編譯出錯(cuò)

解決方法

  • 將package.json中的sass-loader的配置修改成低于8.0.0版本，我按照上述鏈接中的版本，修改成7.3.1
  • 將安裝的node_modules項(xiàng)目依賴(lài)刪除，重新安裝，將sass-loader版本變成7.3.1
  • 重新運(yùn)行項(xiàng)目 npm run dev
  • 問(wèn)題解決，并不會(huì)報(bào)錯(cuò)

1、卸載之前安裝的版本

例如運(yùn)行：

npm uninstall sass-loader

2、重新安裝指定的sass-loader版本

npm install sass-loader@7.3.1

3、如果還是安裝不成功的話，或者安裝太慢連接不上，使用一下淘寶鏡像后重復(fù)1,2步驟，成功后再npm install

使用淘寶鏡像：npm config set registry https://registry.npm.taobao.org

然后再執(zhí)行命令

cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev

第二步：切記不需要在webpack.base.config.js中去配置了loader了， 主要原因是新版本的vue-cli已經(jīng)幫我們把sass-loader配置好了，放在了util.js里面。 一旦配置將會(huì)在main.js里引用scss文件時(shí)報(bào)以下的錯(cuò)

最后就成功運(yùn)行了可以在頁(yè)面中進(jìn)行使用了

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論