Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Vendorfiles en Webpack: definiendo cacheGroups

17/22
Recursos

Aportes 11

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Un resumen de la clase aquí Qué es vendor file

Debí ver primero el curso de webpack 😕

Por si desean una mejor idea de por qué se hace splitting Chunks with Webpack

no es mejor utilizar un dll?

Tener cuidado con el reuseExistingChunk, el Chunk debe comenzar en mayus según documentación.

clase

reuseExistingchunk 

Documentación

reuseExistingChunk
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that 
does not match the API schema.
....
   -> Optimize duplication and caching by splitting chunks by shared modules and cache group.
   Details:
    * configuration.optimization.splitChunks.name should be one of these:
      false | string | function
      .......


splitChunks: {
      chunks: 'async',
      name: false,
      cacheGroups: {
        vendors: {
          name: 'vendors',
          chunks: 'all',
          reuseExistingChunk: true,
          priority: 1,
          filename: isDev ? 'assets/vendor.js' : 'assets/vendor-[hash].js',
          enforce: true,
        },
      },
    },

El vendor file, se encarga de optimizar y “juntar” todo el código de las dependencias que usamos o mejor dicho importamos en el proyecto en un solo archivo llamado precisamente vendor.js.
Anteriormente era un proceso tedioso, pero con Webpack se facilita mucho este proceso. Creo que voy a por el curso de Webpack de Platzi 😄

✌

¿Los vendorfiles se utilizan junto a la compresión y aplicar hashes o una remplaza a la otra?

Gracias!