vue 3.x 手动安装scss/sass

1.首先执行以下命令安装 style-resources-loader;

vue add style-resources-loader

2.然后安装scss/sass,node-sass sass-loader sass 属于重要依赖，所以需-D而不是-S；          注意版本    sass-loader": "^7.3.1"   亲测能用  ，   其他有可能报错

npm install node-sass sass-loader sass -D

3.根路径下建立文件vue.config.js

const path = require('path');
　　module.exports = {
　　　　pluginOptions: {
　　　　　　'style-resources-loader': {
　　　　　　preProcessor: 'scss',
　　　　　　patterns: []
　　　　}
　　}
}

4.调用scss

<style lang="scss" scoped>