当前位置: 首页 > Web前端 > HTML

Angulartsconfig.json文件中的路径使用

时间:2023-04-02 18:15:18 HTML

Angular项目目录中的TSConfig文件来表示该目录是TypeScript或JavaScript项目的根目录。TSConfig文件可以是tsconfig.json或jsconfig.json,两者具有相同的配置变量集。我们直接来到paths字段:这是一个定义一系列条目的对??象,这些条目将导入重新映射到相对于baseUrl的查找位置。所谓的baseUrl允许开发者设置用于解析非绝对模块名称的基目录。我们可以定义一个根文件夹,然后我们可以在其中进行绝对文件解析。考虑以下示例:在此项目中使用“baseUrl”:“./”,TypeScript将查找与tsconfig.json位于同一文件夹中的文件。例如,以下用法:import{helloWorld}from"hello/world";console.log(helloWorld);Spartacus项目的baseUrl用法:路径中的值,允许开发人员声明TypeScript应如何解析应用程序导入中的require/imports。{"compilerOptions":{"baseUrl":".",//如果指定了“路径”,则必须指定。"paths":{"jquery":["node_modules/jquery/dist/jquery"]//这个映射是相对于"baseUrl"}}}上面代码的作用:这将使开发人员能够编写import"jquery"并在本地获取所有正确的输入。路径字段支持*通配符:{"compilerOptions":{"baseUrl":"src","paths":{"app/*":["app/*"],"config/*":["app/_config/*"],"environment/*":["environments/*"],"shared/*":["app/_shared/*"],"helpers/*":["helpers/*"],"tests/*":["tests/*"]},}在这种情况下,开发人员可以告诉TypeScript文件解析器支持一些用于查找代码的自定义前缀。此模式可用于避免代码库中的长相对路径。rootDir所有未声明的输入文件的最长公共路径。如果设置了composite,则默认为包含tsconfig.json文件的目录。SpartacusrootDir的值:.当TypeScript编译文件时,它在输出目录中保持与输入目录相同的目录结构。例如,给定以下输入文件:rootDir的推断值是所有非声明性输入文件的最长公共路径,在本例中为core/。