How to include scss in vue.config.js?

Question

webpack

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";`
            }
        }
    }
}

The vue.config.js configuration file differs from the standard webpack, like the example below did
https://cli.vuejs.org/guide/css.html#passing-optio...

Answer 1

While added to app.vue

<style lang="scss">
   @import '@/scss/settings.scss';
</style>

But something seems to me that it should connect via webpack

Answer 2

https://cli.vuejs.org/ru/guide/css.html#css-%D0%BC...
there is a lot on your question