vue3 使用sass/scss

2022年3月10日
注意：按照网上的教程安装后执行报错，是因为版本问题，随着年代的久远，npm i 默认是安装最新的包

一、在全局安装，通过cmd，执行以下命令：
vue add style-resources-loader

二、安装依赖，在当前项目中
npm i node-sass@7.0.1 --save-dev
npm i sass@1.49.9 --save -dev
npm i sass-loader@10.1.0 --save-dev
我当前使用的是以上的版本

三、在跟目录创建 vue.config.js文件

加入以下内容

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

大功告成，使用：

这些操作执行完后最好重启一下，安装流程走是不会有错的，报错一般都是依赖版本的缘故

有不懂的可以留言，尽所能帮助