vue3中安装sass依赖

npm install node-sass -d
npm install sass-loader -d
npm install sass -d

vue.config.js

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({

  transpileDependencies: true,

  lintOnSave: false,

  pluginOptions:{

    'style-resources-loader':{

        preProcessor:'scss',

        patterns:[]

    }

  }

})

全局使用sass

在 src 的 assets 文件夹中新建styles文件夹

helloword.scss

这个页面相关的样式

index.scss

@import "./hello.scss"

main.js (入口文件中引用sass)

import '@/assets/styles/index.scss'