Estoy trabajando en un proyecto vue que es un monorepo, hay algunos proyectos vue en este monorepo que necesitarán almacenar datos similares o iguales en una tienda vuex.

Tengo una idea de hacer un paquete de tienda vuex algo así como,

 -packages - store - modules - profile - actions.js - types.js - getters.js - mutations.js - index.js

Mi plan está entonces en otro paquete en su archivo index.js de la tienda para poder hacer,

import profileStore from '@mypackage/profile' ;

Básicamente, 1 o más paquetes en mi monorepo pueden necesitar las instalaciones de la tienda de perfiles, por lo que sería bueno poder importarlo desde un área compartida.

Mi pregunta es cómo compilo el código de mi tienda en el paquete de mi tienda, así que lo importo como se muestra arriba, la configuración de mi paquete web actualmente se ve así:

 const path = require("path") module.exports = { entry: path.resolve(__dirname, "src/index.js"), output: { path: path.resolve(__dirname, "dist"), }, module: { rules: [ { test: /\.(js)$/, exclude: /node_modules/, use: "babel-loader", }, ], }, mode: "development", }

Esperaba que arriba moviera los archivos src a una carpeta dist, y luego tendría el punto de entrada de index.js

eso haría algo como,

 import profileStore from './profileStore' export {profileStore}

¿Estoy yendo completamente por el camino equivocado?