Как ограничить доступ к хранилищу VueX к определенным страницам

#javascript #vue.js #nuxt.js #vuex #server-side-rendering

#javascript #vue.js #nuxt.js #vuex #рендеринг на стороне сервера

Вопрос:

У меня есть хранилище Vuex, в котором есть список сообщений в блоге, и около трех страниц имеют доступ к этому хранилищу. Когда я запускаю npm run generate, размер сборки становится огромным, потому что все остальные страницы также имеют состояние хранилища Vue, включенное в их статические файлы, даже если они не используют хранилище. Для приложения используется SSR.

Ответ №1:

Вы можете сделать это в asyncData страниц, которым нужны модули хранилища:

 asyncData (context) {
  context.store.registerModule('moduleName', () => import('/path/to/modules/file'))
}