问题标签 [angular-builder]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
235 浏览

assets - Angular 9如何在库构建期间包含字体

我正在尝试将我的角度库用于外部项目。我希望这个项目可以直接使用我的库中的字体。我注意到projects/my-library/src/lib/styles/fonts构建库时不包含该文件夹。

我试图遵循这个类似问题的答案但没有成功。我试过这个:

ng-package.json

在这种情况下,我在其中src/...创建了一个目录dist/my-library,但出现此错误:

发生未处理的异常:EEXIST: 文件已存在,mkdir 'path/to/dist/my-library/src/lib/styles/fonts'

或者

我收到了这个错误:

警告:postcss-url:...无法读取文件'path/to/font.eot'

有人知道正确包含字体或其他资源以进行库构建的方法dist/my-library/lib/styles/fonts吗?

0 投票
0 回答
125 浏览

angular - 在角度编译器之前编辑打字稿

我想在角度编译器之前剥离一个 ts 代码。这是编译前的样子:

要剥离 ts 代码,我在 custom-webpack 配置中使用webpack-remove-block-loader加载器

为了使 custom-webpack 正常工作,我在angular.json中使用带有此配置的@angular-builders/custom- webpack

问题是它不起作用。如果我从用于剥离 ts 代码的加载程序的 custom-webpack 配置中删除enforce: 'pre'标志 - 它会从已编译的 ts 文件中删除代码块,这是错误的,否则使用enforce: 'pre'它应该在角度编译器之前工作,但事实并非如此,代码仍然对两种类型的构建(产品/开发)都有注释。

是的,我知道可以使用environment.ts文件中的选项,但它不够灵活。谢谢!

0 投票
2 回答
7933 浏览

angular - Angular 11 - ng serve - 选项“sourceMap”已弃用

我将 Angular 项目从 Angular 10 更新到 11x。一切正常,除了运行项目使用的一个警告ng serve(在 ng serve 中没有任何选项)。警告是:

选项“sourceMap”已弃用:改用浏览器构建器中的“sourceMap”选项。

警告未出现在ng build.

以下是angular.json项目中浏览器构建器部分的样子:

Angular 11 中的相关内容发生了变化?如何删除此警告?

0 投票
1 回答
422 浏览

webpack - 更改 WebPack Chunk | 的 chunk entry-module\deferred-modules Angular Builders WebPack 插件

我正在编写一个带有一些 WebPack 插件的 Angular Builder,我遇到的问题是我的块在构建后包括以下自执行子模块:==> [[0, "runtime"]]]);

在所有情况下,我都需要从延迟模块列表中删除运行时块,使其看起来像 ==> [[0]]]);

此外,下面的代码能够通过 selfExecute 标记使块不是自执行的,如果它是真的,它将 chunk.entryModule 分配给 undefined。

在需要自执行的多个块上运行此插件后,WebPack 运行时将有多个 ID 为“0”的块,这将导致冲突。

所以我的问题是如何修改这个插件以使延迟模块指向特定的子模块而不是“0”以避免冲突,如下所示:注意最后一行 ==> },[["chunk1-main-module "]]]); 而不是“0”

0 投票
2 回答
232 浏览

angular - 如何从角度构建中排除模块?

在我的角度应用程序中,有一堆模块。

我想从角度构建中排除几个模块。

例如:我有一个存储库,其中包含所有角度模块的完整代码,并且运行良好。一些模块是聊天模块,仪表板模块,产品模块,设备模块

  1. 场景1:我只想给一个客户聊天模块和产品模块
  2. 场景 2:我只想将仪表板模块和图表模块提供给另一个客户端。

我如何创建一个角度构建,以便它使用存储库,但根据客户端模块要求创建一个构建并从构建中排除不必要的模块?

0 投票
0 回答
206 浏览

angular - 仅构建角度应用程序的特定模块

我正在开发一个有 500 多页的大型 Angular 应用程序。它有很多延迟加载的模块。现在的问题是,由于它的大小,我们的应用程序需要太多时间来构建,所以每当我们必须在任何模块中发布即使是很小的更改时,我们都必须构建整个并发布它,这是一个耗时的过程。所以我正在寻找一种方法,以某种方式只构建那些更改并发布它们的模块,而不是构建和发布整个应用程序。我想问这是否可能?如果是的话怎么办?

0 投票
0 回答
112 浏览

angular - Angular 12:如何添加自定义编译脚本来构建输出块?

我们需要在我们的应用程序中部署一个自定义服务工作者(不是 Angular 服务工作者),并希望在应用程序中编写它,以便我们可以执行以下操作:

我们遇到了一个问题:第二个文件没有包含在我们的构建中,并且要注册的字符串没有使用输出构建目录中的 .js 文件进行更新......

我在想如果我可以强制编译的输出是一个特定的名称,我可以这样做:

但似乎没有任何方法可以触发 Angular 来构建我可以弄清楚的特定命名块。这是可能的,还是已经存在一些自定义构建器来执行此操作或有关如何编写内容的文档?

0 投票
0 回答
47 浏览

angular - 如何使用 CSS 和 JS 文件创建单个包?

我通过获取包含 .js 的文件在 Angular 中创建 Web 组件runtime.jspolyfills.js并使用以下代码将它们连接到名为list.jsmain.js的单个文件中

角.json

在生成生产构建 Angular 时,会创建上面的 .js 文件以及styles.css文件。

无论如何,我可以在上面的list.js文件中包含这些样式吗?

0 投票
2 回答
1510 浏览

angular - Angular 12 警告严重依赖:依赖的请求是一个表达式

我在 ng build (Angular 12) 之后收到这些警告:

./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:35289:13-34 - Warning: Critical dependency: the request of a dependency is an expression

./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js:35301:13-100 - Warning: Critical dependency: the request of a dependency is an expression

我正在使用 @angular-builders/custom-webpack 从初始包中提取 moment.js。

如果我禁用了@angular-builders/custom-webpack,那么一切顺利,警告消失。

此外,如果我在 custom-webpack.config.js 中添加以下内容,警告就会消失:

那么好心,究竟是什么导致了这些警告?是否有任何其他解决方案来处理它而不像上面那样将插件添加到 webpack 配置中?谢谢。

0 投票
1 回答
41 浏览

angular - 如何为不同的环境添加角度构建器/自定义 webpack?

目前我在 angular.json 文件中使用“服务”的自定义构建器,像这样

我也尝试在“本地”中添加构建器选项,但它不起作用,所以有没有办法为“本地服务”添加这个构建器?