vue项目中如何检查项目中用的是dart-sass还是node-sass？

一、命令快速检查

npm ls node-sass       #有结果就是node-sass，没有就是未安装

npm ls sass               #有结果就是dart-sass，没有就是未安装

若两者都存在，则以构建配置指定的为主。

二、检查package.json

有node-sass依赖，可能用node-sass

有sass，可能用dart-sass

两者都有，则以构建配置指定的为主。

三、检查构建配置

不同工具的配置决定实际使用的编辑器

1、webpack（sass-loader）查看webpack.config.js 文件中的sass-loader:

// 使用dart-sass
{
      loader:'sass-loader',options: {
          implementation:require('sass')  
    } 
}

// 使用node-sass
{
      loader:'sass-loader',options: {
          implementation:require('node-sass')  
    } 
}

2、vue.config.js文件

css:{
    loaderOptions: {
            sass: {
                implementation: require('sass')
            }
    }
}

四、其他辅助判断

1、看node_modules下是否有node-sass（安装了node-sass），有sass文件（安装了dart-sass）

2、构建日志：node-sass常输出弃用警告，dart-sass无此提示

3、命令行版本： npx sass --version 输出版本且含dart-sass标识；npx node-sass --version 输出版本为node-sass