问题标签 [angular-devkit]

Angular CLI 6 引入了构建器（又名 Architect Targets）的新概念。
有几个预构建的构建器@angular-devkit/build_angular，但遗憾的是没有文档说明如何创建自己的构建器。

如何创建自己的构建器（例如修改底层 webpack 配置）？

在 @angular-devkit/schematics自述文件中，我对 ClassOptions 在做什么感到困惑。

如果将代码添加到项目中，则会显示错误，因为该文件不存在。

关于这用于+示例的想法？

so the thing is. I am building an Angular Test Explorer. I am able to see all the tests and run them all together by using the karma module like this:

I am also able to run specific set of tests creating a shell and passing --grep

unfortunately the method for running a set of tests works different depending on the OS as the shell its different. This is giving me some problems.

I was wondering if anybody cant point me out how is that angular cli is doing karma run and specifying a set of tests when you do a regular ng test.

I asked in the karma repository and support without any answer so that's why I am asking here, I also tried finding that part of the code in the repository of the angular devkit. I have found where they do the karma.server but could not find the part I need.

背景

@angular-builders/custom-webpack允许我们自定义 Angular 构建的 webpack 配置，这里有教程。我正在使用它来构建 Web 扩展（Chrome/Firefox）的附加脚本。

这是extra.webpack.config.js我包含在angular.json

正如预期的那样，它输出background-script.js，fill-manager.js并site-bridge.js与角度构建工件一起输出。由于这个 webpack 配置与 angular 的 webpack 配置合并，我们可以从一个angular.json文件中控制所有优化、散列、源映射等。

问题

我还想捆绑附加的 css 文件，这些文件将与扩展脚本一起使用并由 angular build 控制。

我也许可以添加特定的规则、加载器等，extra.webpack.config.js但我不想处理 postcss、autoprefixer 和 sass 加载器等，因为它已经在 angular 内部完成了。

就像脚本文件一样，只是在里面添加 css 条目extra.webpack.config.js不会产生 css 文件，即

有没有一种方法可以让我指定一个 css/scss 文件条目extra.webpack.config.js，它只是使用基于角度的配置输出一个捆绑的 css 文件？

我有一个工作区库，它给我一个错误，我不知道如何调试。

构建错误无法解析条目 (C:_dev\my-app\presentation\angular-workspace\dist\my-app-ui\esm2015\my-app-ui.js) 错误：无法解析条目 (C:_dev\ my-app\presentation\angular-workspace\dist\my-app-ui\esm2015\my-app-ui.js) 出错 (C:_dev\my-app\presentation\angular-workspace\node_modules\rollup\dist \rollup.js:3460:30) 在 C:_dev\my-app\presentation\angular-workspace\node_modules\rollup\dist\rollup.js:21474:17

这将有助于理解此错误的含义。我知道该库的“入口点”是它的 publi-api 文件，并且我知道具体是哪个模块，通过将其包含在此处会导致问题。

该模块本身非常轻巧。

公共API：

编辑 我已将其范围缩小到包含另一个库的模块（直接不通过 public-api）

那有什么问题？

我正在开发一个 Web 应用程序，为此，我制作了模型、json 文件、一个组件以及服务和模拟数据文件。然后我在 gateway-module.ts 中提供 DiagnosticsRepository、GatewayDiagnosticsRest、GatewayDiagnosticsService，然后在应用程序 mudule.ts 中进一步导入。但是当我运行代码时，我得到了错误。

src/app/gateway/gateway.module.ts(105,15) 中的错误：错误 TS2304：找不到名称“DiagnosticsRepository”。src/app/gateway/gateway.module.ts(105,37)：错误 TS2304：找不到名称“DiagnosticsRest”。src/app/gateway/gateway.module.ts(105,53)：错误 TS2304：找不到名称 'DiagnosticsService

'。

我最近将我的项目从 Angular 版本 7 升级到了 8。但是当我发出命令npm start时，我看到很多类似以下与Bootstrap.

在此之后，编译失败并出现以下错误消息

跑步时ng generate library mylib

我收到以下错误：

无效的规则结果：Promise 类的实例。

我认为这是一个包装问题，但我不知道如何找到导致问题的原因。

这是我的 package.json

npm 版本 6.9.0

节点版本 10.16.0

需要帮助请叫我。谢谢！

Angular Workspace 配置指南的构建配置部分讨论了如何在同一个应用程序中管理各种配置。

就我而言，我决定为每个客户创建一个配置：

我使用环境文件来管理各种客户特定的设置和production标志：

最后，我需要一种方法来确定应用程序是否是使用ng serve或ng build命令启动的，以便在应用程序模块中导入一些模拟的提供程序。

我尝试使用该environment.production标志，但显然它总是正确的：

我想出支持这种情况的唯一方法是创建单独的environment.ts文件以及匹配的配置，例如

• /src/environment.customer-1-dev.ts
• /src/environment.customer-1-prod.ts

有一个更好的方法吗？传递一个额外的标志或至少扩展配置的能力会很好。

在为外部角度示意图调用 ng add 时，我需要帮助。（我正在尝试添加 ng-momentum：https ://github.com/BottleRocketStudios/ng-momentum ）我正在尝试从自定义 CLI 调用“ng add ng-momentum”，但我遇到了问题找不到模块“ng-momentum”。

我尝试以几种不同的方式从@angular-devkit/schematics 调用 externalSchematic 方法，但缺少一些东西。

我尝试过的一些不同的实现：

和

也

但我总是遇到如下所述的错误

复制步骤
1）运行“npm i @lcu/cli -g”以安装自定义 CLI
2）创建一个新的空文件夹，导航到它
3）运行命令“lcu init”。将范围命名为“@scope”，将工作区命名为“test”
4) 在同一文件夹中，运行命令“lcu proj newProject” 选择“App”。选择“动量”

预期行为：按照 ng-momentum 的步骤，如果我创建一个新的 Angular 项目 (ng new newProject)，然后在 CLI 之外运行 ng add (ng add ng-momentum)，我会得到一个新的 Angular 项目和 ng-动量应用。

实际行为：我收到以下错误：“无法从“C:\wherever\your\project\is”找到模块“ng-momentum”。

好像我错过了一些东西，但不完全确定是什么。如果需要更多信息，或者有任何问题，请告诉我。

先感谢您！