npm链接不适用于angular-cli创建的项目

Question

我使用创建了一个项目angular-cli。有一个AppModule，AppComponent我想在其他角度应用程序中使用AppModule它及其组件（AppComponent）。所以我创建了index.ts文件并导出了AppModule和AppComponent

export {AppModule} from './src/app/app.module';
export {AppComponent} from './src/app/app.component';

然后使用创建本地链接，npm link并使用package.json中定义的名称创建一个链接。

现在在我要使用此导出模块的其他项目中运行

npm link project-name

链接已成功完成。我试过了

import { AppModule as AModule} from 'my-components';

但这不起作用，因为未解决引用，因此webpack无法编译AppModule文件。在SystemJs中，我们在systemjs.config.js文件中定义了此映射，但是没有配置文件。

我该如何解决？

还有其他重用本地模块的方法吗？

Answer 1

将以下内容添加到tsconfig.json要将 npm 链接的库加载到的主机应用程序中。

    "paths": {
      "@angular/*": ["node_modules/@angular/*"]
    }

显然，链接的包无法正常使用对等依赖关系。这将强制库使用应用程序的node_modules/@angular/* 库，这就是当您使用npm install库时会发生的情况。

Answer 2

在 Angular 7 中， "preserveSymlinks": true

它对我有用：项目>架构师>构建>选项

Answer 3

你不会能够。让我引用一下

我们目前不支持使用 CLI 构建库。我们确实支持在 CLI 应用程序中正确构建的链接库。