Как подключить scss в vue.config.js?

const path = require('path')

function resolve (dir) {
    return path.join(__dirname, dir)
}

module.exports = {
    chainWebpack: config => {
        config.resolve.alias
            .set('@', resolve('src'))
    }, 
    css: {
        loaderOptions: {
            sass: {
                data: `@import "@/scss/settings.scss";`
                //data: `@import "/src/scss/settings.scss";`
                //data: `@import "./src/scss/settings.scss";`
            }
        }
    }
}