[TECH] Importer seulement les fonctions de lodash qui sont utilisées.

[VincentHardouin]

🦄 Problème

Lors des imports, nous importons tout Lodash.

🤖 Solution

Importer que les fonctions que nous utilisons.

🌈 Remarques

On passe alors de 318Kb gzippé à 299Kb.

💯 Pour tester

• Vérifier que la navigation et le footer sont identiques à pix.fr

[pix-service]

I'm deploying this PR to these urls:

• Pix Site (fr): https://site-pr303.review.pix.fr
• Pix Site (org): https://site-pr303.review.pix.org
• Pix Pro (fr): https://pro-pr303.review.pix.fr

Please check it out!

[yannbertrand]

Merci pour la découverte, je ne savais pas que cette manière d'importer était nécessaire pour le tree shaking !

[nlepage]

C'est dommage de garder lodash (qui reste d'une taille conséquente même avec un import ciblé) juste pour une fonction.
Est-ce qu'on ne pourrait pas s'en débarasser ?

[nlepage]

C'est dommage de garder lodash (qui reste d'une taille conséquente même avec un import ciblé) juste pour une fonction. Est-ce qu'on ne pourrait pas s'en débarasser ?

J'ai poussé un essai là 18a4890
Tu as utilisé quelle commande exactement pour analyser la taille du bundle ?

[VincentHardouin]

Merci 🙏 J'ai installé webpack-bundle-analyzer et lancé : nuxt build --analyze

J'ai poussé un essai là 18a4890 Tu as utilisé quelle commande exactement pour analyser la taille du bundle ?

[nlepage]

Merci pray J'ai installé webpack-bundle-analyzer et lancé : nuxt build --analyze

J'ai poussé un essai là 18a4890 Tu as utilisé quelle commande exactement pour analyser la taille du bundle ?

Bon on arrive "que" à 294k, que fait-on ?

[MelanieMEB]

Ok pour cette PR.

L'idée de supprimer complètement lodash me parait bien pour le site vitrine.
(on peut toujours merger celle là d'abord)