vue3 使用scss

如果报这个错 就是版本过高

解决方法：删除之前安装失败的包

npm uninstall node-sass    // 卸载
npm uninstall --save sass-loader // 卸载

npm uninstall less-loader    //安装
npm install less-loader@4.14.1    //安装

第一次安装的看这里

npm install node-sass --save
npm install sass-loader --save
//sass-loader的版本过高导致的编译错误 npm install sass-loader@7.3.1 --save （推荐使用）
npm install style-loader --save
或者 npm install node-sass sass-loader style-loader --save

重点来了：

cli3 在vue.config.js里面进行配置

module.exports = {
    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'scss',
            patterns: []
        }
    }
}

重启项目