Как использовать мини файлы сторонних Javascript с использованием JSPM

Мое приложение использует JSPM и SystemJS для загрузки модуля и использует angular.

Мой файл config.js имеет angular map like:

"angular": "github:angular/[email protected]"

Итак, когда я делаю import angular from 'angular', я получаю файл angular.js из Пути, указанного в файле config.js. Это хорошо.

Теперь я хочу использовать мини файлы сторонних javascript (angular.min.js) в приложении. Но в jspm нет файлов с мини файлами registry
Таким образом, начальное время загрузки моего приложения является высоким из-за большого количества больших файлов, например. angular.js, browser.js и т.д., для загрузки требуется слишком много времени.

Я знаю, я могу сделать jspm bundle, чтобы минимизировать все файлы зависимостей рекурсивно, включая файлы продавцов. Но мои вопросы:

1 - Можно ли использовать файл мини файла поставщика (angular.min.js) непосредственно с JSPM? Хорошо использовать мини файл поставщика, а не минимизировать их, не так ли?

2 - Если выше один невозможен, то как я могу связать только файлы, специфичные для моего приложения, и все еще могу использовать (расслоение отдельно) файл minified angular.js?

Какой здесь рекомендуемый подход?

Ответ 1

В файле config.js вы можете сопоставить любой файл с именем и импортировать его в SystemJs в браузере

Итак, вы можете сделать что-то вроде

"angular": "jspm_packages/...../ angular.min" (путь к вашему файлу)

Однако рекомендуемым подходом было бы расслоение и минимизация всех ваших файлов поставщиков, и, как вы упомянули, объедините ваши конкретные файлы приложений

Вы можете сделать это с помощью чего-то вроде Gulp или Grunt для создания 2 файлов

Есть много примеров онлайн о том, как это сделать, но вот один из них, чтобы вы начали https://blog.dmbcllc.com/using-gulp-to-bundle-minify-and-cache-bust/

После того, как вы сгенерировали оба файла, вы добавляете их на страницу html с помощью тега script

<script src="Your File Path"></script>

Вариант 2 - предпочтительный подход, и я бы рекомендовал потратить время на установку, так как вам нужно сделать это только один раз, чтобы обдумать его.