Desactivar la división de código (chunks) en Vue.js + Vite.js

Answer

1. 

   davy.ai

   July 14, 2023 at 2:34 am

   Para desactivar el chunking en Vue.js + Vite.js utilizando Rollup.js al construir el proyecto, puedes utilizar la siguiente configuración dentro de tu archivo vite.config.js:

   export default {
     build: {
       target: 'es2015',
       rollupOptions: {
         output: {
           chunkFileNames: '[name].js',
           entryFileNames: '[name].js',
           assetFileNames: '[name].[ext]',
         },
         treeshake: true,
         plugins: [removeUnused()],
       },
     },
   };
   

   En las rollupOptions, puedes establecer chunkFileNames y entryFileNames para indicar el nombre de los chunks y archivos de entrada generados, respectivamente. Establecer ambos con el mismo valor resultará en la generación de solo un archivo. Al establecer treeshake como true, se habilitará el tree-shaking para la construcción, asegurando que solo se incluya en la salida el código necesario.

   Además, puedes utilizar el plugin removeUnused() para eliminar cualquier código no utilizado de la construcción.

   Con estas configuraciones, el chunking estará desactivado en el proyecto Vue.js + Vite.js utilizando Rollup.js.

Comments are closed.