Какая лучше практика подключения внешних зависимостей в Webpack?

Question

[Vitaliy]

Проект, компилируемый для клиентской части через Babel и собирается через Webpack, имеет несколько зависимостей таких как three.js, d3.js, vue.js

На сколько мне известно, есть всего два варианта:
1. Подключать нужные модули через import
+ точно указывается что и где используется
- все импортируемые зависимости встраиваются в bundle, что приводит к увеличению времени сборки и размеру итогового пакета
- не все библиотеки могут поддерживать такой способ подключения
2. Подключать их непосредственно в html
+ зависимости могут загружаться из cdn и кэшироваться у клиента, независимо от изменений в самом приложении
- необходимы олдскульные методы подключения пакетов

В Webpack каких-то красивых методов как подключить внешние зависимости не нашел, поэтому только так:
1. в html подключить библиотеку
2. в config'е указать externals

Как вы обычно подключаете зависимости и что лучше использовать в приложении с учетом его разрастания?

Answer 1

[Станислав Макаров]

Плохо искали:
Split add and vendor code

This will remove all modules in the vendor chunk from the app chunk. The bundle.js will now contain just your app code, without any of its dependencies. These are in vendor.bundle.js.

Comments

[Vitaliy]

вопрос не совсем в этом, так как хотелось бы использовать сборки на клиенте из cdn, а при разработке то что в npm лежит (нужно автодополнение и т.д.).. ну да ладно