如何使用browserify捆绑Angular2的systemjs.config.js?

时间:2017-01-31 04:03:25

标签: angular gulp bundle browserify systemjs

我正在尝试使用browserify在angular2应用中创建一个包。 我使用quickstart作为我的项目。它最初在项目开始时发送了40个请求,我试图通过使用browserify来减少这些请求。当我创建除了systemjs之外的pollyfill包时,它工作得很好。 这是我的pollyfill.js,它完美无缺。

require('core-js/client/shim.min.js');
require('zone.js/dist/zone.js');
require('systemjs/dist/system.src.js');

我使用此命令捆绑了它。

browserify pollyfill.js -o bundle.js

现在捆绑systemjs.config,我在配置文件中进行了以下更改...

'@angular/core': require('@angular/core/bundles/core.umd.js'),
  '@angular/common': require('@angular/common/bundles/common.umd.js'),
  '@angular/compiler': require('@angular/compiler/bundles/compiler.umd.js'),
  '@angular/platform-browser': require('@angular/platform-browser/bundles/platform-browser.umd.js'),
  '@angular/platform-browser-dynamic': require('@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js'),
  '@angular/http': require('@angular/http/bundles/http.umd.js'),
  '@angular/router': require('@angular/router/bundles/router.umd.js'),
  '@angular/forms': require('@angular/forms/bundles/forms.umd.js'),

  // other libraries
  'rxjs':                      require('rxjs'),
  'angular-in-memory-web-api': require('angular-in-memory-web-api/bundles/in-memory-web-api.umd.js')

使用此命令创建捆绑包

browserify systemjs.config.js -o bundle.config.js

现在如果我包含bundle.config.js而不是它抛出404找不到错误。 included bundle.config.js

请有人指导我如何解决这个错误?

0 个答案:

没有答案