问题标签 [angular-cli-v7]

Angular 定义了似乎包含所有环境（开发、生产等）的源代码和资产的应用程序和资产目录。环境目录用于配置，正在被配置替换。如果有适用于特定环境的资产或大量源代码，Angular 是否定义了如何组织这些文件？我在文档中找不到，所以我目前正在考虑在特定于环境的目录下组织这些文件。

这些文件不仅仅是配置。与本期的评论类似，每个环境都会有图像等资产。

我当前的 Angular cli 版本是 1.6.6，Angular 版本是 5.2.2

我正在尝试将其更新为 Angular 7，新的 Angular cli 版本是 7.3.6

当我尝试使用 升级时ng update @angular/cli，控制台打印错误

似乎这个更新命令已被删除。我遵循了官方文档。

有什么升级建议吗？

在我的项目构建配置中，我有以下资产声明：

"assets": [ "src/favicon.ico", "src/assets", "src/assets/fonts", "src/images", "src/web.config" ],

然后在我的部署配置中：

"deploy": { "assets": [ {"glob": "config.json", "input": "src/environments/", "output": "/"}],

使用“部署”配置构建时，不再部署上面声明的资产。只有 config.json 文件被部署。

我必须将这些资产添加到“部署”中的资产数组中作为解决方法。这是正确的方法吗？或者有没有办法避免覆盖资产构建声明？

有什么方法可以在配置文件中指定默认文件夹名称，例如angular.json，以便所有运行ng g c MyComponent --skipTests没有文件夹名称的 cli-command 的开发人员默认在此预配置文件夹（例如MyFolder）中创建组件？

此查询包含 如何使用 angular-cli 在特定文件夹中生成组件的知识？

它不是重复的，因为上面的问题只回答了如何在命令行调用中指定目标文件夹，而不是如何预配置默认文件夹。

假设有几个开发人员，他们都创建了很多组件，这些组件都应该放在一个特定的文件夹中。

即使在命令行调用期间没有指定文件夹，Angular 也应该使用默认值，而不是每次在命令行调用中都键入文件夹。这样，开发人员就不需要一直记住提供MyFolder名称。

例如

他们应该被允许输入：

但组件仍应在MyFolder文件夹中生成。

在尝试使用命令 ng test 运行测试并收到错误“未找到规范”和 Chrome 73.0.3683 (Linux 0.0.0): Executed 0 of 0 ERROR (0.029 secs / 0 secs) 之后，将角度从 5 更新到 7。

谁能帮我解决这个问题？我已经尝试了所有可能的方案来解决这个问题。实际上，当我运行 ng test 时，它应该找到我的 spec.ts 文件来运行我的脚本，但它没有发生

我的 cli 版本：

角 CLI：7.3.9

我正在使用 angular 7.1.0，目前我正在使用 primeng 6.1.6。如何将我的版本升级到 primeng 7.1.0。我尝试了一些命令，例如 npm install primeng --save。但它不工作。它显示一些这样的错误......

PS E:\srini_vision\skopiq-vision-web\angular> npm install primeng --save npm WARN skopiqrpa@1.0.0 没有描述 npm WARN skopiqrpa@1.0.0 没有存储库字段。npm WARN skopiqrpa@1.0.0 没有许可证字段。

npm 错误！路径 E:\srini_vision\skopiq-vision-web\angular\node_modules.bin\semver.cmd npm ERR！代码 EEXIST npm 错误！拒绝删除 E:\srini_vision\skopiq-vision-web\angular\node_modules.bin\semver.cmd: ..@angular-devkit\build-angular\node_modules\semver\bin\semver 符号链接目标不受 npm E 控制:\srini_vision\skopiq-vision-web\angular\node_modules\semver npm 错误！文件存在：E:\srini_vision\skopiq-vision-web\angular\node_modules.bin\semver.cmd npm ERR！把它移开，然后再试一次。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！C:\Users\T5071\AppData\Roaming\npm-cache_logs\2019-04-09T06_15_56_988Z-debug.log PS E:\srini_vision\skopiq-vision-web\angular> npm run ng --version 5.6.0

当我尝试运行时，此代码出现在我面前ng new

关于我的环境的信息：

• 节点：v10.15.3
• npm：6.4.1
• 角 CLI：7.3.8
• 所以：Linux Mint 19.1

我在我的大多数组件中使用了 4 个 scss 文件，我希望 cli 可以在我执行 ng generate 组件时自动将导入内容放入 scss 文件中。这可能吗？

我对谷歌做了一些研究，但没有运气。我正在使用角度 7

我希望它自动添加到我的组件生成的 scss 文件的顶部：@import "../../assets/scss/library.scss";

我正在使用 Angular CLI (v7.x) 创建一个组件库，并且无法弄清楚如何将 css 规则所需的第 3 方字体资产包含在由 ng-packagr 生成的 dist 文件夹中。

由于 ng-packagr 不支持根据此问题的 scss 捆绑，我在构建后任务中使用 scss-bundle 为我执行捆绑并将最终捆绑的 scss 文件放入我的 dist 文件夹。

但是，一些 css 规则（例如字体声明）包括对相对字体文件夹的 url 引用，而这些我还没有包含在我的 dist 文件夹中。

例如，在我的 Angular 库应用程序中，我有 styles.scss 文件，其中包含一个用于导入图标样式表的条目：

但是有一个相对字体文件夹，这些素数图标位于我的 node_modules 文件夹中，用于 css。

一种方法是我可以编写进一步的后期构建步骤来捆绑这些并将它们放入我的 dist 文件夹中连接的 scss 文件旁边的字体文件夹中，以便可以解决它们。

我想知道在构建我的库时是否有更聪明的方法，或者使用 ng-packager 或 angular-cli 内置的方法？

更新

所以我尝试了fonts在我的库项目根目录（实际上在资产文件夹下）有一个文件夹的方法，并dist在我构建我的库后将它复制到我的文件夹的根目录。

在我的游乐场应用程序中，我尝试在我的实际库中使用打包样式，我有这个：

my-lib-playground/src/styles.scss

但是当尝试使用 CLI 构建我的游乐场应用程序时，我得到：

所以我的实际问题：

使用 cli 构建时，如何让我正在使用的“游乐场”应用程序正确包含\解析字体文件？这些显然是目前相对于我的游乐场应用程序正在尝试解决的问题。这里的正确解决方案是什么？还是我做错了什么？

另一种方式

制作我primeng的peerDependency库，并让开发人员负责添加到他们的应用程序中，并根据下面 Daniel 的建议答案primeng将相关样式包含在其中。angular.json这是正确的方法，唯一的方法吗？

我有一个 Angular7 应用程序，想通过 Angular CLI 代理向 API 发送 HTTP 请求。然后 API 使用 JSON 对象进行响应。我对代理的配置是在 proxy.conf.js 中完成的。

带有简单目标的简单请求可以正常工作。但我想在发送之前动态更改请求。我在https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md#bypass-the-proxy找到了一条指令，但我无法让它动态工作更改目标网址。

我的目标：
我想向天气 API 发送请求。我发送到该 API 的 url 必须包含城市的纬度和经度。城市将由用户选择。此用户输入应更改请求目标。

我发送的请求：
http://localhost:4200/forecast?lat=51.33962&lon=12.37129

这是我的 proxy.conf.js：

我不太清楚如何使用旁路功能。我能做些什么来改变目标？