问题标签 [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.
javascript - 如何在同一个全局命名空间中导出不同的包
我正在使用 jspm 0.17-beta.32 进行反应项目。
该应用程序由多个包组成(在 jspm.config 文件中定义)。
我希望每个包都独立捆绑,作为静态构建,并将其值导出到同一个全局命名空间中。
为此,我使用以下命令:
在我的代码中:
<name>
我的包裹的名称 在哪里。
问题是,如果我包含两个捆绑包,最后一个会覆盖第一个。
因此,如果我在命令中将全局更改为导出myGlobal.<name>
,并将 js 文件中的导出更改为:
然后在我的 html 文件中,控制台记录了一条错误消息:myGlobal is not defined
.
所以我查看了静态构建文件的内部,它基本上就是这样做的。
这就解释了为什么myGlobal
第一次覆盖的值,以及为什么我现在得到这个错误,因为它从未被声明过。
- 有没有办法使用 systemJs 嵌套全局变量?
- 使用format
myGlobal
时,如果尚未声明,我可以做些什么来确保实例化?umd
github问题在这里:https ://github.com/jspm/jspm-cli/issues/2254
angular - “systemjs-builder”:如何将 js 文件中的所有依赖项构建到一个 bundle.js 文件中
我将 systemjs-builder 与 angular2 一起使用。
我想要每个模块文件的构建器捆绑文件。
例如:我的结构如下
现在我曾经 builder.bundle('[app/**/*]',bundle.js)
将所有组件构建到一个文件中,所以大小非常大。
我想将Main.ts
(AppModule.ts,AppModule 中的所有组件......)额外库(angular2/core......)中的所有依赖项构建到“bundle.js”。
以及to 的所有依赖项, AccountModule
toAccountModule.js
的所有依赖ContactModule
项ContactModule.js
。
在生产中使用延迟加载。
这个问题的任何解决方案,谢谢
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
复制说明:
angular - 必须为全树汇总全局和 UMD 构建设置 globalName 选项
我已经生成了 FountainJS angular2 项目并编写了一些代码。我正在将 SystemJs 与 JSPM 和 TypeScript 一起使用。一切似乎都正常,但是当我想将我的项目构建到 dist 时,gulp-task 'systemjs' 向我抛出错误'错误:必须为全树汇总全局和 UMD 构建设置 globalName 选项。',我想知道是什么可能导致错误。我尝试了很多东西,但我无法找出原因。任何人都有类似的问题并知道解决方案吗?
node.js - 使用 systemjs-builder 在 SystemJS 上构建生产
我有使用 SystemJS 的项目(我使用以这种方式提供的模板)。
我需要将最终项目构建到生产环境中。我读到我可以为此使用 systemjs-builder 。我阅读了官方页面:https ://github.com/systemjs/builder 。
抱歉,我对 Angular 2 太陌生了!我不明白如何开始。例如这部分:
基本使用
确保单独安装转译器(此处为 npm install babel-core)。
我应该在这里做什么?我必须安装这个叫做 babel 的包吗?在这之后呢?我需要使用该代码创建一个文件吗?在哪里?什么名字必须有这个文件?我该如何执行?
谢谢你的帮助。请耐心等待新的 Angular 开发人员!
angular - 如何将文档注入 systemjs-builder 以捆绑 Angular 4.0.0 应用程序?
我正在尝试捆绑一个 Angular 4.0.0 应用程序。
我已经尝试过 browserify,但是新的 angular-loader 插件(允许在带有 templateUrl 的组件中不需要 moduleId)没有被调用,因此模板最终以错误的路径结束。
所以我搬到了 systemjs-builder 但问题是当它运行该插件时它崩溃说该文档未定义。
有没有办法将文档注入构建器?
还是我做错了什么?
这是我正在测试的简单构建器(systemjs-config 是角度快速入门)。
angularjs - 使用 gulp-ng-annotate 和 gulp-systemjs-builder
我已经以 CJS 格式编写了我的 angularjs 应用程序,并将gulp-systemjs-builder
它们捆绑到一个文件中。
我正在尝试将输出传递给 DI,但它失败了,因为 systemjs-builder 在和函数声明gulp-ng-annotate
之间插入了几行。\* @ngInject *\
例子:
捆绑前:
捆绑后:
谁能建议我如何解决这个问题?
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(以及其他)。
javascript - 使用 Angular 2 和 SystemJS-builder 捆绑 Live .. 尝试从 node_modules 加载?
我无法将我的 angular 2 应用程序投入生产。它一直在 node_modules 下寻找我的脚本。
我是 angular 2 的新手,但经过半天的搜索,我似乎无法弄清楚这一点?
这里有错误:
这是 index.html:
这是我的吞咽任务:
这是我的 system.config.js: