Cómo usar Vue-CLI para empaquetar directorios de varias páginas
Todos los sistemas están en el mismo directorio y tienen múltiples entradas y salidas. Cada sistema se puede vincular, pero el desarrollo interno de cada sistema aún adopta el modelo SPA.
Coloque todos los componentes y métodos públicos del sistema en la capa más externa del directorio del sistema para lograr su reutilización. Los componentes privados aún se pueden empaquetar por separado en el sistema, lo que maximiza la reutilización de los componentes.
Cada sistema realiza la configuración de enrutamiento de forma independiente.
El almacén de datos de cada sistema se maneja por separado.
Para facilitar el empaquetado, creamos una carpeta de vista y creamos subcarpetas debajo de ella para representar cada sistema de aplicación. Cada subcarpeta tiene su propio sistema de aplicación de spa. La ventaja de esto es que nos resulta más fácil configurar la entrada del paquete webpack y la estructura es más clara.
Usemos un ejemplo para explicarlo:
Cada módulo del sistema está empaquetado de forma independiente.
La ruta general del recurso después del empaquetado:
La ruta del recurso en cada carpeta después del empaquetado, tomando el ejemplo como ejemplo:
vue.config.js