问题标签 [angular-workspace-configuration]

我是角度的新手，试图将参数传递给我的角度构建过程。

我想为特定客户端构建我的应用程序，因此我使用 npm 变量来复制客户端设置：

但是，我无法弄清楚如何将我的客户名称（例如：cocacola）传递给我的 angular.js

这是我在package.json中的脚本

这是我的angular.json的一部分

我试图用我--client的 inoptions/assets来加载特定的客户端资产。

是否可以在 Angular 中做到这一点？

我还为每个客户端创建了一个angular.json，但必须有更好的方法。

假设我有一个具有给定结构的项目：

现在在一个文件中app1我可以这样写： import { Repository } from '../../../app2/src/app/query/repository';即使它工作（正确构建），我想避免这样的导入，以防例如某个项目被移动到单独的 repo 并且通常保持干净的项目结构.

有没有办法指示 angular/typescript 在服务/构建期间抛出错误，不允许跨项目导入？

我正在尝试添加一些自定义样式，angular.json > "projects" > "app-name" > "architect" > "build" > "options" > "styles"但是当我添加我的样式对象时，Property inject is not allowed.

我正在使用 Angular v6.0.8

我已经开始使用 Angular 多项目工作区。所以我创建了一个style文件夹，其中包含我所有的共享 scss 文件。

在angular.json文件中，对于每个项目，我在架构师/构建/选项部分添加了以下内容：

但是当我运行ng build my-project或文件夹ng serve my-project下的 main.scss 文件styles不包括在内时。

该文件基本上像这样导入“styles”下的子文件夹中的所有scss文件

我究竟做错了什么 ？

我创建了一个包含应用程序的工作区和我的第一个使用命令创建的库ng g library breeze-helpers（breeze-helpers 是我的库的名称）

然后我用ng build breeze-helpers --watch. 它已成功编译到dist我的工作区的文件夹中。

在主 tsconfig 文件中，自动添加了以下内容：

然后我在我的一个应用程序中导入了该库：

我可以在我的代码中使用它：

Visual Studio Code 为我提供了智能感知，没有发现任何错误。但是，当我使用它构建应用程序时，ng build my-app 会遇到很多错误：

我无法弄清楚我错过了什么。我一直在关注这个文档。

在我的 Angular 工作区中，我有一个应用程序和一个库。

该库在应用程序中使用符号链接 ( npm link my-lib) 引用，我更新了我tsconfig.json以了解我的库的路径：

当我像这样构建我的库时：

ng build my-lib --watch

我得到实时更新，我可以立即看到我的应用程序中的更改，这些更改在使用时会自动重新编译ng serve

到目前为止，一切都很好。但是，当我在构建服务器上构建时，我想将我的库发布到 npm 并使用 npm 包而不是 sym 链接。

将我的包发布到 npm 后，我npm i my-lib在我的应用程序中运行。安装包。

但是，在对开发中的库进行更改时，我不再获得实时更新。我认为这是因为不再使用 sym 链接，而我的应用程序正在使用 npm 包。

我该如何解决这个问题？我需要用于生产的包，但在开发中我想使用符号链接。我怎样才能做到这一点 ？

我正在做一个项目，该项目需要创建同一网站的两个变体（男性和女性）这两个项目必须各自位于不同的路径中，第一个www.website.com/male/somelink和第二个www.website.com /女/somelink

这两个网站必须完全一样，除了一些必须不同的东西，比如颜色、从 API 检索的数据，或者男性或女性的一些特定路线为了保持我的代码干净和一致，我试图找到与两个项目共享尽可能多的代码的最佳解决方案，但我找不到共享所有这些代码并保持大部分共同点的解决方案

我读了这篇文章，但是我用这种方法遇到的问题是它没有公共路由的可能性，即使我决定在根项目中创建我的组件服务并在路由中重新导入，我也无法在我的代码中知道我在哪个部分（男性或女性）

我也想过创建两个不同的构建，并在代码中使用环境变量来定义男性或女性的条件，但是在这个使用中，我没有看到如何隔离部分路由（路由必须是通用的和其他特定的）

有人可以帮我找到最好的解决方案吗？

谢谢！

生成 NX Monorepo 工作区 ( https://nx.dev/ ) 的步骤如下：

1. npx create-nx-workspace（创建空工作区）
2. yarn add -D @nrwl/angular（添加 nx 的角度插件/原理图）
3. nx generate worspace-schematic:application（将 Angular 应用程序添加到 NX 工作区）

您将得到一个 NX 工作区，其中包含 Angular（最新版本）应用程序。但是，如果我想在其中创建带有 Angular 8.0 应用程序的 NX 工作区怎么办。使用具体的 Angular 版本创建 NX 工作区的正确方法是什么？

我在构建应用程序时遇到了一些编译失败。

它说Cannot find name 'Interval'.即使它是可用的。但它来自不同的库，其他库也使用这个间隔，它在应用程序中运行良好。这个库只通过这样说引发编译问题。如果我将这个有问题的库链接到本地​​应用程序并运行，它可以正常工作。

这个间隔是通过date-fns图书馆来的。它已被添加为库的对等依赖项和应用程序的依赖项。还有一些其他库也在应用程序中使用相同的间隔，并且工作正常。我该如何解决这个问题？

出现如下错误 [在此处输入图像描述] 在此处 输入图像描述

当我输入“ng add @nguniversal/express-engine --clientProject workspace-Name”时，出现以下错误无法读取文件（../src/app/app.server.module.ts）。