Extracción de múltiples entradas Vue de módulos comunes

Extraiga el módulo dependiente común a un fragmento de entrada existente o extráigalo a un fragmento recién generado. Usemos este complemento para lodasheliminar los módulos repetidos en el ejemplo anterior :

webpack.config.js

const path = require('path');

  module.exports = {
    mode: 'development',
    entry: {
      index: './src/index.js',
      another: './src/another-module.js',
    },
    output: {
      filename: '[name].bundle.js',
      path: path.resolve(__dirname, 'dist'),
    },
+   optimization: {
+     splitChunks: {
+       chunks: 'all',
+     },
+   },
  };

Después de usar las optimization.splitChunksopciones de configuración, ahora debería ser posible moler index.bundle.jsy another.bundle.jsse han eliminado los módulos dependientes duplicados. Cabe señalar que el complemento se lodashseparará en bloques separados y se eliminará del paquete principal, reduciendo el tamaño. Ejecutar npm run buildefecto de verificación