如何使用JSPM使用縮小的第三方Javascript文件

Question

我的應用程序使用JSPM和SystemJS進行模塊加載，並使用angular。

我的config.js文件有角度圖，如：

"angular": "github:angular/bower-angular@1.5.8"

因此，當我import angular from 'angular'時，我從config.js文件中指定的Path獲取angular.js文件。 非常好。

現在要求是我想在應用程序中使用縮小的第三方javascript文件（angular.min.js）。 但是jspm 注冊表中沒有縮小文件
所以我的應用程序的初始加載時間很長，因為有很多大文件，例如angular.js，browser.js等需要花費太多時間才能加載。

我知道，我可以做一個jspm bundle來遞歸縮小所有依賴文件，包括供應商的文件。 但我的問題是：

1 -是否可以直接使用JSPM的供應商縮小文件（ angular.min.js ）？ 使用供應商的縮小文件而不是將它們縮小為自己是好的，不是嗎？

2 -如果上面的一個不可能，那么我如何只捆綁我的應用程序特定文件並仍然能夠使用（單獨捆綁）minified angular.js文件？

這里推薦的方法是什么？

Answer 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 src="Your File Path"></script>

選項2是首選方法，我建議花時間進行設置，因為你只需要做一次就可以了解它