Angular 开源项目启动器教程
1. 项目的目录结构及介绍
angular-open-source-starter/
├── apps/
│ └── demo/
├── libs/
├── tools/
├── README.md
├── nx.json
├── package.json
├── tsconfig.base.json
└── ...
- apps/: 包含示例应用程序的目录。
- libs/: 用于存放自定义库的目录。
- tools/: 包含项目工具和脚本的目录。
- README.md: 项目的主要介绍文档。
- nx.json: Nx 工作区的配置文件。
- package.json: 项目的依赖和脚本配置文件。
- tsconfig.base.json: TypeScript 的基础配置文件。
2. 项目的启动文件介绍
启动文件
- package.json: 包含项目的启动脚本,例如
npm start
或npm run serve
。
示例
{
"scripts": {
"start": "nx serve demo",
"build": "nx build demo",
"test": "nx test"
}
}
3. 项目的配置文件介绍
nx.json
nx.json
文件是 Nx 工作区的配置文件,定义了项目结构、生成器和其他 Nx 相关的配置。
{
"npmScope": "angular-open-source-starter",
"affected": {
"defaultBase": "main"
},
"tasksRunnerOptions": {
"default": {
"runner": "@nrwl/workspace/tasks-runners/default",
"options": {
"cacheableOperations": ["build", "lint", "test", "e2e"]
}
}
},
"projects": {
"demo": {
"tags": []
},
"demo-e2e": {
"tags": [],
"implicitDependencies": ["demo"]
}
}
}
tsconfig.base.json
tsconfig.base.json
文件是 TypeScript 的基础配置文件,定义了编译选项和路径映射。
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"module": "esnext",
"lib": ["es2018", "dom"],
"skipLibCheck": true,
"skipDefaultLibCheck": true,
"types": ["jest", "node"]
},
"exclude": ["node_modules", "tmp"]
}
通过以上配置文件和目录结构的介绍,您可以更好地理解和使用 angular-open-source-starter
项目。