Доступ к загруженному в данный момент магазину из внешнего файла js

Question

Я не могу найти способ доступа к текущему загруженному хранилищу из внешнего файла .js.

Мое приложение имеет 3 точки входа для веб-пакета, поэтому оно будет создавать 3 пакета, которые имеют общий код. У каждого пакета будет свой файл init. js, в котором я предоставляю другое хранилище.

Обычно я просто сделал бы:

import Store from "@/store";
console.log(Store.state.app.someValue);

, но я бы предпочел сделать что-то вроде:

import Vue from "vue";
console.log(Vue.$store.state.app.someValue);

Поскольку мой Магазин будет импортирован не из одного файла, а из одного из трех разных файлов.

Можно ли это сделать или мне нужно объединить все мои магазины в один? объект

Answer 1

Рабочее решение было:

Создайте один файл хранилища и экспортируйте его без каких-либо модулей:

export default Vuex.Store({
  strict: "debug",
  plugins: [],
  // no modules
});

Затем импортируйте его в отдельные файлы ввода и заполните модули (псевдо код):

import Store from "./path/to/my/store";
import modules from "./path/to/my/modules/for/this/entry/file";

modules.forEach((name, module) => Store.registerModule(name, module));