问题标签 [angular-devkit]

当我使用 Angular Universal 运行我的应用程序时，我发现 TTFB 存在巨大差异。ssr 比正常的角度命令花费更多的时间。如何使用角度通用服务器端渲染改进 TTFB？

性能选项卡：

查看了许多网站，但到目前为止还没有在互联网上找到任何相关的解决方案。

在我的Angular.json文件中。我有

这是在我运行时执行的ng build --prod

如何创建新配置，例如 dev ？

描述

在我们基于 webpack 的 Angular 项目中，我们使用下一个部署管道：
1. 将所有静态资源生成到静态文件夹
2. 生成索引 html
3. 将静态资源部署到“静态服务器”（S3 存储桶）
4. 将 index.html 部署到“Main服务器”

Dist 文件夹如下所示：

index.html 中的资源链接如下所示：
<script src="http://127.0.0.1:4200/code.bundle.js"></script>

所以，现在我生成了类似的结构和index.html，但styles.bundle.css字体和图像设置的链接不正确。
当前：src: url('anivers-bold.eot');
预期：src: url('http://127.0.0.1:4200/anivers-bold.eot');

任何人都知道我如何通过 angular-cli css bundle 更改资源路径？

我尝试什么

您可以在测试存储库中找到测试应用程序。用于ng build测试构建

我深入研究了 angular-cli，发现了 postcss 插件，它处理资源：node_modules\@angular-devkit\build-angular\src\angular-cli-files\plugins\postcss-cli-resources.js

我尝试使用resourcesOutputPath参数，但它只生成目录。我也尝试在标签中使用 chane href base，但在这种情况下，角度路由器会中断。

当我尝试ng build在带有标志的-prod模式下执行时--output-path

我收到此错误EEXIST: file already exists, mkdir

下面提到的是我的环境配置

• 角度/cli 版本 7.3.8
• 角度开发套件/构建角度 0.13.9
• 节点 10.15.3 (npm 6.4.1)

我发现了这个 github 问题链接，它指的是最近将构建的捆绑文件夹转移到指定的权限问题，--ouput-path但修复是在 Angular 8 最新版本中进行的。

有人可以指导我完成构建工作吗

我希望开发模式下的 ssr 在开发期间重现生产服务器渲染，并且我无法设置 ssr 和 ng 服务同时运行，因为实时重新加载在 ssr 端口上不起作用。

服务器端渲染无法在开发模式下工作但热重载唯一的服务构建器是

此构建器不与服务器端渲染一起用于开发构建

创建一个 Angular CLI 构建器，该构建器可以提供在监视模式下构建的开发服务器，并在项目发生变化时实时重新加载，就像ng serve这个构建器作为 @nguniversal 示意图的一部分一样。

Github问题：

• https://github.com/angular/universal/issues/1276 https://github.com/angular/universal/issues/1202

我有一个项目，我有前端（Angular）和后端服务器代码（NestJS）。

在文件夹中，我有单独的前端和服务器文件夹，在两个文件夹中都有单独的 package.json 和 node_modules 文件夹

如果我转到包含 Angular 项目的前端文件夹并运行“ng build”，它显然还会尝试构建服务器文件夹中的类型脚本文件。

为什么以及如何定义它没有？我曾尝试在 angular.json 和 tsconfig.json（和 tsconfig.app.json）中使用不同的目录设置，但似乎没有帮助。

这是我收到的错误，这是因为我没有在服务器文件夹中运行 npm install 但我认为这证明它也尝试编译这些文件。

谢谢，贾尼

../../server/src/repository/file.storage.repository.ts:2:50 中的错误 - 错误 TS2307：找不到模块 'dir-compare'

我为自定义 Nx 构建器和原理图设置了一个 repo，以构建应用程序/init。最初我在 tools/schematics 文件夹中开发它，一切正常，但决定它应该放在自己的仓库中。我确保将原理图 (collection.json) 和构建器 (builders.json) 添加到 package.json，并设置这两个文件。到那里的一切似乎都在工作。我使用yarn link将原理图添加到我的nx monorepo（所以我不必在测试时重复推送它），然后尝试添加一个应用程序，nx g nx-name:app但我一直收到一个错误，它无法找到模块示意图。

在发布这个之前我已经尝试了很多。重命名文件。使用 index.ts。重新安装 node_modules。重新连接纱线。

错误：

我的收藏.json：

我的文件夹结构：

更新：

将集合工厂指向 dist 文件夹似乎部分运行它？JSON 文件更新，但构建器不会运行并从模板生成文件。也许我需要设置一些东西才能知道构建打字稿源？

添加 package.json 部门：

这样做的问题是，一旦 ng build 开始重新编译，ng serve 就会开始重新加载，因此在每次文件更改后，它都会刷新浏览器约 3 次，并且通常直到第 4 次才会在浏览器窗口中显示新的更改（手动） 刷新。

npm audit在我的项目上运行并给我这个

@angular-devkit/build-angular [dev] 的 高命令注入依赖

路径 @angular-devkit/build-angular > @ngtools/webpack > tree-kill

更多信息 https://npmjs.com/advisories/1432

高级指令注入

包树杀

已在 >=1.2.2 中修补

@angular-devkit/build-angular [dev] 的依赖关系

路径 @angular-devkit/build-angular > tree-kill

更多信息 https://npmjs.com/advisories/1432

Tree-kill需要更新，但它是 Angular 的一个部门，而不是我的。所以呢？需要等待 angular-team 将自己的 package.json 更新为更新版本的 tree-kill 吗？

我目前在更新 NPM 包 tree-kill 时遇到问题，它是 @angular-devkit/build-angular 的依赖项。tree-kill 1.2.1 发布了一个安全公告https://nodesecurity.io/advisories/1432，该公告目前在我的 CI 管道中失败，包括因为管道包括“npm audit --audit-level high”。

我需要将 tree-kill 更新到 1.2.2 以解决安全咨询问题，但我已经在使用最新版本的 @angular-devkit/build-angular 并且我的 package-lock.json 具有 tree-kill 1.2.1 的要求@angular-devkit/build-angular。

我已经尝试卸载和安装 @angular-devkit/build-angular 以查看是否会安装 tree-kill 1.2.2 补丁。我也试过这个Npm update a dependency of an dependency in Node.js导致 package.json 依赖于 tree-kill 1.2.2 并且 package-lock.json 对于 @angular-devkit/build 仍然有 1.2.1 -角。

如何更新 package-lock.json 以便 @angular-devkit/build-angular 需要 tree-kill 1.2.2 而不是 1.2.1？