在Angular CLI中使用tsconfig路径映射的技术咨询
使用路径映射直接引用同目录下的Angular库
你的配置完全没问题!咱们来梳理下当前的情况:
- 你的目录结构是
mycompany-mylib/、src/、tsconfig.json,完全符合Angular项目引用本地库的常规结构 - 你在
tsconfig.json中配置的内容:
这个配置逻辑是正确的:{ "compilerOptions": { ... "baseUrl": ".", "paths": { "@mycompany/mylib": ["mycompany-mylib/lib/src/public_api"] } } }baseUrl设为当前目录(.),通过paths将别名@mycompany/mylib映射到库的入口文件public_api.ts(TypeScript会自动补全.ts后缀)
从你描述的表现来看,TypeScript已经成功识别了这个路径映射:
- Visual Studio Code中没有报错,说明编辑器的TS服务已经正确解析了别名
- 能正常使用智能提示,并且可以直接通过
import语句引用库中的内容,比如:import { MyLibComponent, MyLibService } from '@mycompany/mylib';
如果后续构建或者运行项目时遇到问题,可能需要检查库是否已经正确编译(比如是否执行过ng build mycompany-mylib),不过就当前的路径映射配置本身而言,它是完全符合TypeScript和Angular规范的。
内容的提问来源于stack exchange,提问作者mode777
相关产品推荐
相关产品推荐

