라라벨 vue 프로젝트에 라라벨 혼합을 사용하면 모든 컴포넌트에 scs 파일을 포함시킬 수 있습니까?

라라벨 vue 프로젝트에 라라벨 혼합을 사용하면 모든 컴포넌트에 scs 파일을 포함시킬 수 있습니까?

기본적인 vue 어플리케이션에서만 동작할 수 있었지만, larvel vue로 이행하는 데 어려움을 겪고 있습니다.vue 어플리케이션의 vue.config.js에 추가한 scss 파일을 Import하는 모듈을 추가할 수 있었습니다.webpack.mix.js 파일의 laravel vue 앱과 동일한 코드를 사용하면 올바르게 컴파일되지 않습니다.이것은 내 webpack.mis.js 파일입니다.

let mix = require('laravel-mix');

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                data: `@import "./resources/assets/sass/variables.scss";`
            }
        }
    }
};

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

문서에서 제안하는 다른 구성도 시도했지만 성공하지 못했습니다.모든 컴포넌트에 포함시키고 싶은 파일에 대한 상대 경로만 포함하라는 답변도 많이 있습니다만, 이는 비효율적이고 응용 프로그램 개발에 따라 오류가 발생하기 쉽습니다.이것을 실현하기 위한 방법이 있을 것입니다만, 설정이 잘못되어 있는 것 뿐입니다.

조언해주시면 감사하겠습니다.

Laravel Mix는 이에 대한 정확한 선택권을 가지고 있다.그건…globalVueStyles.
다음의 메뉴얼을 참조해 주세요.https://github.com/JeffreyWay/laravel-mix/blob/master/docs/options.md

이 동작은extractVueStyles액티브:

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .options({
     extractVueStyles: true,
     globalVueStyles: 'resources/sass/_variables.scss',
   })
   .version();

언급URL : https://stackoverflow.com/questions/52062688/with-laravel-mix-in-a-laravel-vue-project-how-can-i-include-scss-files-across-al