@team-griffin/webpack-dedupe-plugin
yarn add --dev @team-griffin/webpack-dedupe-plugin
npm i --save-dev @team-griffin/webpack-dedupe-plugin
pnpm i --save-dev @team-griffin/webpack-dedupe-plugin
Note: This project currently has webpack v4 as a peer dependency
Why?
So node package managers such as yarn & npm cause a tonne of duplicate dependecies across child dependencies when your top level's dependency does not match. An example of this is:
App:
-- A@2.0.0
-- B:
-- A@1.0.0
-- C:
-- A@1.0.0
Due to how node's require algorithm works package managers are until to dedupe these packages, therefore you'll end up with 2 instances of A@1.0.0 in your webpack bundle.
Usage
This plugin isn' a traditional webpack plugin due to really being a wrapper around an existing webpack plugin (NormalModuleReplacementPlugin).
const createDedupe = require('@team-griffin/webpack-dedupe-plugin');
...
// webpack plugins
plugins: [
createDedupe(),
],
How does it work?
We leverage the webpack plugin NormalModuleReplacementPlugin
to look at each import and replace any deduplicates with a "master".
Currently this only works on exact version matches.