說明

webpack使用sass-loader處理sass、scss文件，將其編譯成css文件，其中sass-loader默認使用node-sass進行處理，而node-sass容易引發(fā)很多編譯或發(fā)布的問題，頭疼10000遍。

解決方案

沒有采用替換淘寶鏡像解決，而是直接使用dart-sass替代node-sass

如何解決

1. 卸載node-sass，眼不見心不煩

2. 安裝sass

   npm install sass
   
   

3. 修改vue.config.js文件

   • 先去了解啥是vue.config.js

   • 再去了解sass-loader

   • 最后添加css配置

     css: {
         loaderOptions:{
             sass : {
                 loader: 'sass-loader',
                 options: {
                     // Prefer `dart-sass`
                     implementation: require('sass'),
                 }
             }
         }
     },
     
     

   • 注意：我使用了style-resources-loader，于是會有pluginOptions配置，最好將css配置放在pluginOptions前