vue.config.js to (laravel) webpack.mix.js - PullRequest
Новая
       61

vue.config.js to (laravel) webpack.mix.js

2 голосов
/ 07 мая 2019

Я начал использовать Vue, используя шаблон Vue CLI.В этом шаблоне вы создаете файл с именем vue.config.js, чтобы определить некоторые настройки.Больше найти здесь: https://cli.vuejs.org/guide/css.html#css-modules

У меня были настройки для глобального файла css / sass, чтобы все мои компоненты могли обращаться к переменным (файл содержит только переменные).

vue.config.js: 

module.exports = {
    // So we can use the template syntages in vue components (correct me if am wrong)
    runtimeCompiler: true,
    // CSS settings
    css: {
        loaderOptions: {
            sass: {
                // Load in global SASS file that we can use in any vue component and any sass file
                data: `
                  @import "@/assets/css/variables.scss";
                `
            }
        }
    }
};

Сейчас я работаю над другим проектом.На этот раз я использую laravel и vue в одном приложении.Laravel заставляет Vue работать с webpack и webpack.mix.js.

Теперь вот где я застрял.Я не могу создать конфигурацию, чтобы глобальный css-файл с переменными можно было распознать в vue «компоненты одного файла». Я не могу найти какое-либо решение в Интернете или свой собственный опыт, чтобы сделать эту работу.

Кто-нибудь сталкивался с этим?

...