如何在Angular 2中开发与app模块平行的多个模块?

时间:2016-08-05 07:16:23

标签: angular angular-cli

我正在开发一个大型Angular 2应用程序。为此,我需要为常见的核心组件,服务等创建一个单独的模块。我的主应用程序将在src/app目录中开发,我希望我的核心组件在src/core中开发。此项目的任何未来子项目都将在src/feature等开发。所以最终的目录结构将是,

MyProject/
    config/
    dist/
    e2e/
    public/
    src/
        app/
        core/
        feature_1/
        feature_2/
    ...

Angular 2如何支持这种行为?

PS:我使用的是最新版本的Angular 2,目前是rc-4(使用Angular CLI)。

1 个答案:

答案 0 :(得分:0)

只需在每个components文件夹中创建一些额外的feature_x个文件夹

MyProject/
    config/
    dist/
    e2e/
    public/
    src/
        app/
        core/
        feature_1/components
                            /app
                            /search-x
                            /nav-menu
        feature_2/components
    ...

此外,每个组件文件夹都有自己的app文件夹app.html

<div class='container-fluid'>
    <div class='row'>
        <div class='col-sm-3'>
            <nav-menu></nav-menu>
        </div>
        <div class='col-sm-9 body-content'>
            <router-outlet></router-outlet>
        </div>
    </div>
</div>