如何使用 angular cli 生成使用 jspm 的入门 angular2 项目？答案

【问题标题】：How to generate a starter angular2 project which uses jspm using angular cli?如何使用 angular cli 生成使用 jspm 的入门 angular2 项目？
【发布时间】：2017-03-24 08:00:31
【问题描述】：

ng new PROJECT_NAME
cd PROJECT_NAME
ng serve

上面的命令使用webpack编译和打包，想知道是否有一个选项来生成启动项目来使用ststemjs/jspm。如果没有，你能详细说明实现的步骤。

【问题讨论】：

标签： angular angular-cli systemjs jspm es6-module-loader

【解决方案1】：

简而言之，没有。

@angular/cli 的基本目标之一是抽象构建过程 - 作为 cli 的最终用户，您不需要关心它在后台使用什么来构建和管理您的依赖项。因此，我非常怀疑选择 cli 在后台使用的构建工具的能力是否是实现的高优先级项目 - 如果 cli 正确完成其工作，您不需要关心。

【讨论】：

在这种情况下你如何处理；不仅仅是一个是/否的答案，我希望了解那些使用 angular cli 生成项目并且现在正在使用 systemjs/jspm 在浏览器中加载的人的步骤。
你知道如何使用和配置systemjs/jspm吗？然后你可以在现有的 Angular cli 配置旁边添加你的系统 js 配置，但只需使用 systemjs 来启动你的应用程序。如果你不知道怎么配置系统js，那你就得先学了
请注意，老实说，唯一真正将项目标记为 angular cli 项目的是 angular-cli.json 配置（我猜是指向 cli 命令和 angular cli 的 npm 脚本包.json）。因此，如果您愿意，您可以手动切换到不同的构建系统 - 您只需手动设置它（就好像没有 angular cli 配置一样）。
是的，我了解如何从头开始创建 webpack 项目或 systemjs+jspm 项目，但在这里我无法了解 @angular/core 的加载方式，因为我没有看到任何 webpack.config.js 正在生成
webpack 配置是（有意）隐藏的 - angular-cli.json 代表 angular cli 的配置。在最新版本的 cli 中，如果您需要，有一个 ng 弹出选项 (github.com/angular/angular-cli/wiki/eject) 可以获取 webpack 配置