每个组件的Angular 2 CLI Bundle

时间:2017-03-22 21:01:55

标签: angularjs webpack angular-cli

我想知道是否可以使用基于组件的角度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

这可能吗?

1 个答案:

答案 0 :(得分: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或类似方法创建自己的捆绑过程)。