如何从Angular 6中的typescript插件生成资源

Question

上下文

迁移角4 +角种子到角6 +角cli

问题

我正在使用SystemJS在我的一个组件中使用动态加载插件

SystemJS.import("client/plugins/" + this.pluginElement.type + "/" + this.pluginElement.type + ".js")

如果我实际运行应用程序，我有：

http://localhost/client/plugins/dapChart/dapChart.js 404 (Not Found)

实际上，js文件不作为资产出现。

在src / client / plugins文件夹中，我有一组用Typescript编写的模块，我可以在我的应用程序中自由使用。

我想找到一种方法告诉角度CLI编译我的插件文件夹并将结果视为资产并将其复制，就像它在我的dist文件夹中一样。

选项

在我看来，我看到3个选项（没有任何证据，如果这些是好的）：

• 检查如何自定义构建Angular-cli https://codeburst.io/customizing-angular-cli-6-build-an-alternative-to-ng-eject-a48304cd3b21但我是全新的，我会花很多时间来检查
• 手动编译plugins文件夹并将其放在“pluginCompiled”文件夹中，并在Angular.json中将其声明为Assets tsc -p src/client/plugins --outDir src/client/assets/plugins 但是停止服务，编译然后启动服务是非常烦人的
• 在Angular.json中创建一个子项目（工作区），它将编译插件并将其放在“pluginCompiled”中

题

如何使用Angular 6 / Angular cli将我的已编译插件放入我的构建输出目录中

Answer 1

我实际上忘记了自己是如何做到的，但你可以添加cli配置文件。

在angular-cli中，您可以执行以下操作：

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "client": [ "plugins": [ ] ], //something like this
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
    }