Dart-sass 替换 node-sass

为什么要替换node-sass?

node-sass 下依赖的时候经常性报phyton环境,导致不是很友好，更何况目前官方也推荐用dart-sass，因此我们项目应趁早替换！

如何替换

1、先把node-sass卸载 yarn remove node-sass 或者 npm uninstall node-sass

2、安装 dart-sass npm install --dev sass 或者 yarn add sass --dev

3、 接着要配置下vue.config.js

module.exports = {
    css: {
        loaderOptions: {
            sass: {
            implementation: require('sass'), // This line must in sass option
            },
        },
    }
} 

4、 全局搜索 (/deep/ 和 >>>) 替换为::v-deep

注意

如更新替换后 sass 版本出现大量警告的坑, 则改下sass版本,"sass": "1.32.13" (ps:反正我是遇到了,但参考别人并没有出现此类问题)