使用HTML脚本标记引导Angular CLI App

Question

我有一个使用SystemJS的Angular 4应用。我想转而使用Angular CLI。问题是，我使用脚本标记在index.html中引导应用程序，如下所示。

<script>
    var sf = $.ServicesFramework([ModuleContext:ModuleId]);
    System.import('app/main.js')
        .then(module => module.main(sf.getModuleId(), sf.getTabId(), sf.getAntiForgeryValue())
        .catch(function (err) { console.error(err); });

</script>

以下是我main.ts

的相关代码

export function main(dnnModuleId: number, dnnTabId: number, dnnAntiForgeryToken: string) {

     let appConfig: IAppConfig = {
         DNN_MODULE_ID: dnnModuleId
         ...
      }

 platformBrowserDynamic([
     {provide: APP_CONFIG_TOKEN, useValue: appconfig
     ...
 ]).bootstrapModule(AppModule);

经过广泛搜索后，我才能找到与Webpack 1相关且与Angular CLI无关的旧版question。

简而言之，是否可以使用Angular CLI执行此操作？

如果是这样的话，我们将非常感谢您在哪里开始寻找。