每个组件的 Angular 2 CLI Bundle

Question

我想知道是否可以使用基于组件的 Angular cli 拆分包。例如，我想在这个应用程序中有多个组件，它们可能存在也可能不存在于同一页面上，但通过单独的捆绑包引用它们。需要像这样的某种设置：

/test-app
    .angular-cli.json
    package.json
    tslint.json
    src
        app
            email-list
                    *.ts
                    *.html
            email-compose
                    *.ts
                    *.html
            links-links
                    *.ts
                    *.html

项目建成后，我希望能够拥有以下捆绑包：

poylfills.bundle.js
vendor.bundle.js
email.bundle.js
links.bundle.js

这可能吗？

Answer 1

他们已经准备好在 angular-cli.json 中支持多个应用程序/入口点（这相当于您所要求的），但他们还没有开始实施它。 Here's a link to the issues page

另外，they've announced 他们无意暴露 angular-cli 的 webpack 配置，因此您将无法使用自己的自定义 webpack 配置进行单独的捆绑。

所以现在，我想结论是，让 Angular-cli 创建多个单独的包可能是不可能的（或值得努力）。所以你可能不得不等待，或者跳过使用 cli，并“手动”进行捆绑（使用 grunt、gulp、webpack 或类似工具创建自己的捆绑过程）。