vue项目node-sass sass-loader nodejs 版本对应问题

14版nodejs常用版本

sass-loader 7.3.1
node-sass 4.14.1

其他版本对应

sass-loader 4.1.1，node-sass 4.3.0
sass-loader 7.0.3，node-sass 4.7.2
sass-loader 7.3.1，node-sass 4.7.2
sass-loader 7.3.1，node-sass 4.14.1

切换淘宝镜像

使用淘宝最新镜像（预计22年5月正式启动，现处于试用阶段）
npm config set registry "https://registry.npmmirror.com/"

使用老版淘宝镜像
npm config set registry "https://registry.npm.taobao.org"

安装node-sass

npm uninstall node-sass sass-loader
npm install sass-loader@版本号 node-sass@版本号  --save-dev

正常安装之后即可使用！如果还有问题，请配置以下参数。

其他配置

module.exports = {
          
   
    css: {
          
   
        loaderOptions: {
          
   
            sass: {
          
   
                // 全局sass变量	
                //sass-loader 8.0.0以前版本（包含）
                prependData: `@import "~@/assets/scss/index.scss";`
            }
        }
    },
}

module.exports = {
          
   
    css: {
          
   
        loaderOptions: {
          
   
            sass: {
          
   
                // 全局sass变量	
                //sass-loader10 新版本
                additionalData: `@import "~@/assets/scss/index.scss";`
            }
        }
    },
}