问题标签 [systemjs-builder]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
178 浏览

javascript - 如何在同一个全局命名空间中导出不同的包

我正在使用 jspm 0.17-beta.32 进行反应项目。

该应用程序由多个包组成(在 jspm.config 文件中定义)。
我希望每个包都独立捆绑,作为静态构建,并将其值导出到同一个全局命名空间中。


为此,我使用以下命令:

在我的代码中:

<name>我的包裹的名称 在哪里。

问题是,如果我包含两个捆绑包,最后一个会覆盖第一个。


因此,如果我在命令中将全局更改为导出myGlobal.<name>,并将 js 文件中的导出更改为:

然后在我的 html 文件中,控制台记录了一条错误消息:myGlobal is not defined.


所以我查看了静态构建文件的内部,它基本上就是这样做的。

这就解释了为什么myGlobal第一次覆盖的值,以及为什么我现在得到这个错误,因为它从未被声明过。


  • 有没有办法使用 systemJs 嵌套全局变量?
  • 使用formatmyGlobal时,如果尚未声明,我可以做些什么来确保实例化?umd

github问题在这里:https ://github.com/jspm/jspm-cli/issues/2254

0 投票
1 回答
1066 浏览

angular - “systemjs-builder”:如何将 js 文件中的所有依赖项构建到一个 bundle.js 文件中

我将 systemjs-builder 与 angular2 一起使用。
我想要每个模块文件的构建器捆绑文件。
例如:我的结构如下

现在我曾经 builder.bundle('[app/**/*]',bundle.js)将所有组件构建到一个文件中,所以大小非常大。
我想将Main.ts(AppModule.ts,AppModule 中的所有组件......)额外库(angular2/core......)中的所有依赖项构建到“bundle.js”。
以及to 的所有依赖项, AccountModuletoAccountModule.js的所有依赖ContactModuleContactModule.js
在生产中使用延迟加载。
这个问题的任何解决方案,谢谢

0 投票
1 回答
1353 浏览

angular - 如何将 Angular 2 应用程序与 systemjs 和 systemjs-builder 捆绑在一起?

我正在开发一个应用程序,我需要增加加载所有脚本的 angular 2 性能。问题是这个错误:

在此处输入图像描述

我正在使用 gulp + systemjs + systemjs-builder。这是我的文件:

[gulp文件]

[systemjs.config]

如您所见,由于defaultJSExtensions : true ,它被添加到了转译器中。我需要做一些不同的事情吗?(我真的需要这个属性等于 true,因为我有很多没有.js的路径)。

提前感谢=)

0 投票
2 回答
183 浏览

angular - Angular 没有开始使用 SystemJS 包

自两周前以来,我一直在尝试一种奇怪的行为。

我已经考虑并决定进行回购并进行测试以隔离问题。

这是一个从 angular/quickstart 中提取的简单仓库。我添加了一个 gulp 文件来构建一个包,当我尝试加载它时,我遇到了同样的问题。应用程序未启动。

这是systemjs的配置:https ://github.com/tolemac/systemjs-test/blob/master/systemjs.config.js

这是构建包的 gulpfile:https ://github.com/tolemac/systemjs-test/blob/master/gulpfile.js

这是回购:https ://github.com/tolemac/systemjs-test

复制说明:

0 投票
1 回答
101 浏览

angular - 必须为全树汇总全局和 UMD 构建设置 globalName 选项

我已经生成了 FountainJS angular2 项目并编写了一些代码。我正在将 SystemJs 与 JSPM 和 TypeScript 一起使用。一切似乎都正常,但是当我想将我的项目构建到 dist 时,gulp-task 'systemjs' 向我抛出错误'错误:必须为全树汇总全局和 UMD 构建设置 globalName 选项。',我想知道是什么可能导致错误。我尝试了很多东西,但我无法找出原因。任何人都有类似的问题并知道解决方案吗?

0 投票
0 回答
336 浏览

node.js - 使用 systemjs-builder 在 SystemJS 上构建生产

我有使用 SystemJS 的项目(我使用以这种方式提供的模板)。

我需要将最终项目构建到生产环境中。我读到我可以为此使用 systemjs-builder 。我阅读了官方页面:https ://github.com/systemjs/builder 。

抱歉,我对 Angular 2 太陌生了!我不明白如何开始。例如这部分:

基本使用

确保单独安装转译器(此处为 npm install babel-core)。

我应该在这里做什么?我必须安装这个叫做 babel 的包吗?在这之后呢?我需要使用该代码创建一个文件吗?在哪里?什么名字必须有这个文件?我该如何执行?

谢谢你的帮助。请耐心等待新的 Angular 开发人员!

0 投票
1 回答
362 浏览

angular - 如何将文档注入 systemjs-builder 以捆绑 Angular 4.0.0 应用程序?

我正在尝试捆绑一个 Angular 4.0.0 应用程序。

我已经尝试过 browserify,但是新的 angular-loader 插件(允许在带有 templateUrl 的组件中不需要 moduleId)没有被调用,因此模板最终以错误的路径结束。

所以我搬到了 systemjs-builder 但问题是当它运行该插件时它崩溃说该文档未定义。

有没有办法将文档注入构建器?

还是我做错了什么?

这是我正在测试的简单构建器(systemjs-config 是角度快速入门)。

0 投票
1 回答
78 浏览

angularjs - 使用 gulp-ng-annotate 和 gulp-systemjs-builder

我已经以 CJS 格式编写了我的 angularjs 应用程序,并将gulp-systemjs-builder它们捆绑到一个文件中。

我正在尝试将输出传递给 DI,但它失败了,因为 systemjs-builder 在和函数声明gulp-ng-annotate之间插入了几行。\* @ngInject *\

例子:

捆绑前:

捆绑后:

谁能建议我如何解决这个问题?

0 投票
1 回答
452 浏览

angular - 在生产中使用 systemjs-angular-loader.js - 给出 404

我正在使用最新的 angular / quickstart 项目,它使用 systemjs-angular-loader.js 来加载应用程序相关的 html 模板(不需要 moduleId 属性)。

该项目在开发/测试中运行良好(使用“npm start”服务页面)。但是,当使用 gulp 构建生产时,项目将恢复为在根文件夹(而不是应用程序相关文件夹)中查找 html 模板。

在生产中使用/构建“systemjs-angular-loader.js”是否需要任何特殊步骤?在更新到我遵循的 systemjs-angular-loader.js 之后,我能找到的对 system-angular-loader.js 的唯一引用是404s ,但这并没有帮助。

为简洁起见,我没有包含我的 gulpfile.js,但我使用的是 gulp-typescript 和 systemjs-builder(以及其他)。

0 投票
1 回答
222 浏览

javascript - 使用 Angular 2 和 SystemJS-builder 捆绑 Live .. 尝试从 node_modules 加载?

我无法将我的 angular 2 应用程序投入生产。它一直在 node_modules 下寻找我的脚本。

我是 angular 2 的新手,但经过半天的搜索,我似乎无法弄清楚这一点?

这里有错误:

这是 index.html:

这是我的吞咽任务:

这是我的 system.config.js: