Nrwl工具由 Angular 核心贡献者开发,专门研究企业架构,包括单声道存储库。
Nrwl nx-examples是一个很好的入门资源。
我开始使用nx
构建一个新项目。最后,我的项目结构如下:
platform-directory/
|
---apps/
| |
| ---app1/
| |
| ---app2/
|
---library1/
| |
| ---src/
|
---library2/
| |
| ---src/
|
---angular.json
|
---package.json
|
---README.md
|
---tsconfig.json
tsconfig.json
顶层tsconfig.json
应包含应用程序和库的大部分全局配置以及paths
需要时的快捷方式。
路径快捷方式可以配置如下:
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"baseUrl": "./",
"declaration": false,
"downlevelIteration": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"importHelpers": true,
"module": "esnext",
"moduleResolution": "node",
"sourceMap": true,
"target": "es6",
"lib": [
"es2018",
"dom"
],
"paths": {
"@app1*": [
"./apps/app1/src/app*"
],
"@lib1/package1": [
"./lib1/src/package1/public_api.ts"
],
"@lib1/package2": [
"./lib1/src/package2/public_api.ts"
],
...
}
库导入
在应用程序中,库代码可以直接从库源中导入,例如:
import { MyLibraryComponent } from '@lib1/package1'
由于您没有发布库,因此无需构建它们。当您在应用程序代码上运行 Angular 编译器时,库代码将自动包含并根据需要进行优化。
重要提示:在每个库中,不要使用路径快捷方式导入文件,因为这会导致难以调试的循环依赖关系。例如,可以在lib2
其中使用:
import { MyLibraryComponent } from '@lib1/package1'
但是,如果在 中使用此导入lib1
,则会创建循环依赖。
tsconfig.app.json
附带说明一下,每个应用程序都将具有tsconfig.spec.json
如下内容:
{
"extends": "../../tsconfig.json",
"compilerOptions": {
"outDir": "../../dist/out-tsc/apps/app1"
},
"include": [
"src/**/*.ts"
],
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}