Как сделать отдельный файл для настроек при сборке vue cli?

Question

[Юлия]

при сборке vue-cli всё сливается в один файл.
как оставить один файл после сборки, чтобы можно было вносить в него свои переменные ?

Comments

[Alex]

Что за файл такой вам нужен?

[AzzecT]

Не знаю, какие настройки вы хотите внести после сборки, но если вам надо поменять конфигурацию vue cli, то это сюда: https://cli.vuejs.org/ru/config/

[Юлия]

Alex, просто набор неких переменных, которые можно было бы править после сборки и использовать внутри компонентов.

Answer 1

[Сергей Левченко]

Предположу, что у вас дефолтные настройки сборки с помощью vue-cli, тогда
Положите отдельный js файл в папку public/js

const MY_APP_CONFIG = {
  setting: 'value',
}
window.MY_APP_CONFIG = MY_APP_CONFIG; // ложим в глобальный объект наши настройки

Файлы и папки (кроме index.html) из public просто скопируются в корень dist
Отредактируйте public/index.html подключите туда ваш js скрипт с настройками

Далее в компонентах vue вы можете забрать данные из глобального объекта

<script>
export default {
  data() {
    return {
      config: window.MY_APP_CONFIG,
    };
  },
  created() {
    console.dir(this.config);
  },
}
</script>

Comments

[Юлия]

спасибо, получилось, даже ез копирования в дист. работает в режиме serve))