En la configuración de enrutamiento de una aplicación Vue.js 2.x, cualquier componente importado estáticamente se agregará al paquete predeterminado. Cualquier componente importado dinámicamente se guardará en un paquete separado, por ejemplo

 // routes.js import Component1 from '@/component1.vue' // added to default bundle import Component2 from '@/component2.vue' // added to default bundle const Component3 = () => import('@/component3.vue') // saved in a bundle on its own const Component4 = () => import('@/component4.vue') // saved in a bundle on its own

Si quiero agregar un archivo JavaScript (no un componente de Vue) al paquete predeterminado, también podría importar en route.js, pero luego recibo una advertencia/error de ESLint que indica que tengo una importación sin usar.

 import myService from '@/services/my-service.js' // eslint-disable-line no-unused-vars

La aplicación en cuestión está construida con Vite, que usa Rollup para agrupar archivos. ¿Existe una forma más elegante de agregar un archivo .js al paquete predeterminado, por ejemplo, a través de rollupOptions en vite.config.js