问题标签 [systemjs-builder]

我正在使用 Angular2 和 TypeScript 组合一个应用程序（大型）。它需要被分成许多项目，每个项目都有许多组件，每个组件都有一个.html视图、.css样式表和.ts逻辑/类。

我希望每个项目都编译为一个*.js文件并复制到将在 IIS 中运行的主机网站。这类似于 WPF 或 Silverlight 应用程序的构建方式，.xaml所有文件都编译到.dll.

我浏览了网络，并能够使用该选项将.ts文件构建为单个文件。但这对文件或..js--outFile.htmlcss

任何帮助都将不胜感激，即使是说我要问的是不可能的:-)

斯蒂芬

我正在尝试生成我的 angular 2 应用程序的静态包（我的目标是使用一个没有 systemjs 的脚本标记导入单个缩小的 js 文件）。我的应用程序具有以下（简化的）结构：

这是我的 tsconfig：

这是systemjs配置：

...最后是我的吞咽任务：

...但是当我运行它时，我得到：

...似乎它忽略了“app”下的子文件夹...为什么？我该如何解决这个错误？

我正在使用 Angular2 教程项目https://angular.io/docs/ts/latest/tutorial/并使用 SystemJS Builder 进行应用程序捆绑。但是，我正在为生成的捆绑代码注册模块中的路径而苦苦挣扎。这是我的文件夹结构：

systemjs.config.js 文件：

吞咽任务：

在生成的捆绑文件中，所有通过 注册的模块System.registerDynamic('wwwroot/dist/main.js',...)都不起作用。但是，如果我从注册路径中手动删除所有'wwwroot/'内容，则应用程序开始工作（它映射到systemjs.config.js文件中的“dist”）。

我应该如何配置构建器（或系统配置文件）以省略'wwwroot'文件夹添加或正确解析？任何建议将被认真考虑。

谢谢！

这简直是​​在扼杀我......我尝试将 rxjs 与 systemjs 和 angular 2.0.0 一起使用

它工作并生成一个包含这样行的文件

我使用脚本标签加载捆绑包，并没有向 systemjs 配置添加任何内容，但仍然看到系统试图加载单个文件..

发生了什么事？

据我了解， registerDynamic 调用应该填充注册表并防止任何延迟加载......

我没有继续捆绑，但接下来是连接所有角度文件并将它们放在头部（从 systemjs 配置中删除所有内容）。那行得通吗？

我只是想用尽可能少的设置创建概念验证 TS + SystemJS 项目——没有“Angular2 入门工具包”等。我花了一个小时在谷歌上搜索并调整了这个设置，但它仍然不起作用。

我有以下设置：

我的tsconfig.json

我的SystemJS 配置

我的index.html

最后我在控制台中有以下错误：

我在一个终端选项卡中运行tsc -w，在另一个终端选项卡中运行简单的 https 服务器。

显然 - SystemJS 想要使用扩展名为.ts.js的文件，而 tsc 生成 .js 和源映射但不是 .ts.js。

我想念webpack或gulp做部分工作吗？我认为 SystemJStsc可以进行捆绑和转译，但显然在构建过程中缺少一些东西。解释 SystemJS 设置而不是修复错误也会非常有帮助。

我正在使用 Angular2 和 SystemJS 创建一个 Web 应用程序。我的应用程序中有一些模块，在路由器配置中我使用延迟加载来打开它们。

这是我的应用程序的一个路由文件，它延迟加载了两个模块：

我使用 Gulp 为开发服务器和生产构建创建任务。对于构建，我使用 SystemJS Builder 为整个应用程序创建缩小的 JS 文件。

但是...如果我尝试在构建包上运行服务器，则该应用程序在尝试运行延迟加载的模块时无法运行。它给了我以下错误：

这是我的systemjs.config.js文件：

编辑：

如 SystemJs Builder site with static bundles 所述，我们不需要 SystemJs 来加载模块。实际上，我正在创建一个静态包（使用buildStatic，而不是bundle），但是由于我排除了 SystemJ，因此似乎没有其他方法可以延迟加载模块。bundle那么如何使用然后使用延迟加载模块但没有 SystemJS（systemjs.config.js文件夹中没有文件）来创建生产构建dist？我看到 WebPack 可以做到...

我正在开发一个 angular2 应用程序，我想在其中使用延迟加载功能模块。将模块分离为功能模块并按需加载它们在开发模式下工作正常，但我如何单独捆绑功能模块（使用 systemjs）并在生产中加载它们？

我正在使用 system.js 和 systemjs builder 创建一个dist文件夹，其中包含我的 angular2 应用程序的所有打包 javascript 文件。

它工作得非常好，只是它不包含以下文件，这些文件当前静态包含在 index.html 中：

• node_modules/zone.js/dist/zone.js
• node_modules/reflect-metadata/Reflect.js
• node_modules/systemjs/dist/system.src.js
• node_modules/esri-system-js/dist/esriSystem.js

如何强制 systemjs builder 包含这些依赖项？

libs-bundle.js：

app-bundle.js

systemjs.config.js：

我已经克隆了我个人项目所基于的最新 angular 种子版本。

当我跑步时，我在水平上npm run build.prod面临这个问题。build.bundles.app

这是我的 package.json 文件

这是我的 tsconfig.json

这是我覆盖的工具/配置/project.config.ts

我没有修改任何其他角度种子配置文件。

我在节点 v7.0.0 和 npm v3.10.8 上运行。

我已经使用 r.js 多年，但我正在转向 systemjs-builder。是否有一个标志，所以我可以让它在文件顶部保留许可证注释，就像 r.js 过去使用的 preserveLicenceComments: true 一样？

我的目标是相同的，将所有 3rd 方许可证放在 uglified 文件的顶部。