vue項目與腳手架中安裝SCSS/SASS

  1. sass-loader依賴于node-sass,所以要安裝node-sass 
npm install node-sass --save-dev       //安裝node-sass
npm install sass-loader --save-dev         //安裝依賴包sass-loader
npm install style-loader --save-dev        //安裝style-loader
  1. 在build文件夾下的webpack.base.conf.js的module下 rules里面添加配置
{
    test: /\.sass$/,
    loaders: ['style', 'css', 'sass']
},
就可以在項目中使用了

3.運行npm run dev報錯

Modele build failed: TypeError: this.getResolve is not a function at Object.loader...
// 因為當(dāng)前sass的版本太高，webpack編譯時出現(xiàn)了錯誤，這個時候只需要換成低版本的就行，很簡單，找到package.json文件，里面的 "sass-loader"的版本更換掉 就行了。

4.解決辦法

"sass-loader": "^8.0.0" ==> "sass-loader": "^7.3.1", //  也可以先卸載當(dāng)前版本，然后安裝指定的版本
npm uninstall sass-loader    // 卸載當(dāng)前版本
npm install sass-loader@7.3.1 --save-dev    // 安裝

遇到python4.0未安裝的報錯 安裝解決

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容