Vuex, webpacker и совместное использование состояния между несколькими пакетами - PullRequest
Новая
       7

Vuex, webpacker и совместное использование состояния между несколькими пакетами

0 голосов
/ 18 октября 2018

В настоящее время я работаю над проектом rails, в котором мы используем webpacker.Я хочу иметь возможность создавать небольшие динамические компоненты и упаковывать их в пакеты.Мы хотим иметь возможность использовать эти пакеты в качестве элементов в нашей серверной части рендеринга HTML.Хотя это работает (в настоящее время у нас есть пакет для каждого компонента), я не знаю, как лучше распределить хранилище vuex между этими пакетами.Я предполагаю, что это можно сделать через webpacker, но я не уверен.

ситуация, например: 

 dynamic_component_one data-id="abc"
 dynamic_component_two data-id="abc

 = javascript_pack_tag 'dynamic_component_one'
 = javascript_pack_tag 'dynamic_component_two'

В основном я хочу добиться того, чтобы

dynamic_component_1 и dynamic_component_2 совместно использовали общее хранилище vuex

Мое текущее решениесуществует из следующих и чувствует себя очень взломанным.Я регистрирую конструктор Vue и Vuex Store в глобальном объекте окна, чтобы повторно использовать их в разных пакетах. 

const vuex_store = new Vuex.Store({
  strict: true
});

window['vue'] = Vue
window['vuex_store'] = vuex_store

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

...