Как подключить sass-resources-loader в vue-cli?

Question

[Виктор Архипов]

Здравствуйте, использую vue-cli
Решил подключить sass-resources-loader, чтобы импортировать переменные в компонент, но понятия не имею как это сделать, т.к. нет доступа к конфигу webpack, есть только vue.config.js.

В документации предлагается мерджить мои настройки с настройками cli, но как бы я не пытался у меня не получилось.

Answer 1

[Виктор Архипов]

В общем вот решение, если кто-то тоже интересовался.
Файл vue.config.js

const path = require('path');
module.exports = {
    chainWebpack: config => {
        config.module
            .rule('vue')
            .use('vue-loader')
            .tap(options => {
                const scssResourceLoader = {
                    loader: 'sass-resources-loader',
                    options: {
                        resources: path.resolve(__dirname, 'src/assets/styles/_vars.scss')
                    }
                };
                options.loaders.scss.push(scssResourceLoader);
                return options;
            });
    }
}