Bundle внешние библиотеки javascript автоматически

Question

Я часто вижу библиотеки javascript, ориентированные на браузер, с возможностью установки более npm.

Есть ли причина установить его с использованием npm вместо использования <script src="cdn-url"></script>?

Я загружаю много библиотек, поэтому я думаю, что было бы неплохо получить эти файлы, поэтому я не делаю так много запросов URL (хотя все запросы нацелены на CDN).

Я мог бы установить через npm, а затем использовать <script src='/node_modules/...'></script>, но тогда мне нужно сделать эти пути общедоступными с помощью express.static() или что-то в этом роде.

Я знаю, что могу использовать webpack, браузер и т. Д., Но они кажутся чрезмерно сложными, когда я просто хочу связать несколько внешних библиотек в 1 файл автоматически.

Answer 1

Точка использования npm в этом случае - это автоматическое получение обновлений. Вы объединяете, чтобы уменьшить количество запросов и включить только один тег сценария.

но они кажутся чрезмерно сложными, когда я просто хочу объединить несколько внешних библиотек в 1 файл автоматически.

К сожалению, это сложно. Было бы неплохо, если бы это было не так. Кроме того, при обновлении библиотеки вам нужно подумать о таких вещах, как кеширование браузера. Если у вас есть пакет библиотек поставщиков, при обновлении вам придется вручную кэшировать строку запроса. Чтобы упростить процесс, webpack делает все для вас.

Я бы перешел в Webpack и использовал CommonsChunkPlugin для создания сборки поставщика. See this example.

Чтобы полностью автоматизировать все, объедините это с Html Webpack Plugin, чтобы автоматически добавлять теги сценария и кеш-бюст с хешированием.