每个 angular 项目都有一个“angular.json”文件。我们都明白这个文件很重要。该文件包含 Angular 项目的设置。你真的知道这个文件包含哪些信息吗?让我们仔细看看这个文件。
projectType:项目的类型。值“application”表示该项目将代表可以在浏览器中启动的应用程序。
root:指向与工作环境相关的项目文件夹。空值对应于项目的根文件夹。
sourceRoot:指定源文件的根文件夹。实际定义所有应用程序文件的地方。
设置的原理图部分用于使用 CLI 生成新文件。例如,如果我使用命令 'ng generate' 组件默认情况下将使用 SCSS 文件作为样式。
Architect:指定用于构建项目的设置。每个人都知道命令“ng serve”或“ng build”。在架构师部分,我们可以找到“服务”和“构建”命令的设置。我们还可以创建我们自己的架构师设置并使用命令“ng”运行它们。
在目标架构师内部,我们通常设置正确文件的路径。
脚本部分是关于您将在项目中使用的 js 文件附加库 JQerry、Bootstrap 等。
样式部分是关于您将在项目中使用的 CSS 文件。喜欢 Bootstrap 风格。
outputPath指定编译的应用程序文件的目录。
配置:包含不同工作区(生产、开发)的特定设置。我们还可以为舞台等添加一个新的工作区。
在配置部分,我们可以设置下一个设置:
优化: 指示是否将使用优化
outputHashing:指示是否将哈希值附加到生成的文件名。值 all 表示将哈希添加到所有生成的文件的名称中
sourceMap:确定是否生成源映射文件。如果您设置为“true”,您将看到您在项目中看到的原始文件名。
namedChunks:确定文件名是否将用于命名的可加载块。
vendorChunk:确定是否将为应用程序中使用的第三方库生成单独的文件。
buildOptimizer : 包含@angular-devkit/build-optimizer 包以在使用 AOT 选项时进行优化。