As already pointed out by Ravindra, it depends upon the third party module whether the module is exporting single object containing all components or exporting components individually. Also, you need to import only the components required instead of importing all components.

I'm not very much sure if web-pack by default can handle this or not. But, you can make web-pack to do so for sure.

If 3rd party allows you to select features to include and build based on selected and required (for dependencies) components then it will serve only those else it will be whole bundle.

One of the technique you can use today called "Dynamic imports". It works beautifully with webpack, which automatically split your code, create chunks and dynamically load them on-demand.

Here is the example with vue component which will be loaded dynamically.

const Foo = () => import('./Foo.vue')

I believe you can use the same method to load 2 feature out of 20 feature library (as long as library has named exports)

Here is the example of that

var object = require('lodash/fp/object')

// OR in ES6 syntax 

const object = () => import('load/fp/object')

I'm using this feature here in my code repository

github.com/techlab23/kanban-board-demo/blob/bulma…

Here is the demo (unfortunately codepen doesn't support webpack but it shows what i built)

codepen.io/nigamshirish/pen/XgqOVO (you can navigate to repos from the menu links as well)

Hope this helps.