问题标签 [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 投票
1 回答
34 浏览

angular - angular - 在构建时删除模块

我有一个仅在开发模式()中使用的模块(假设是数据生成器npm start)。

我们在部署它时不需要这样做(在 中npm run build)。

有没有办法做到这一点?以下路径generate-data既不需要在 PROD 构建中也不需要在构建应用程序时。

路由器入口

示例代码

0 投票
0 回答
1021 浏览

angular - 在 Angular 13 中运行 customWebpackConfig

我最近使用我需要的所有组件的最新最完整包进行了更新,Angular 13并且Angular 11我正在努力让custom-webpackangular builder 在我执行时运行ng serve

在我的场景中,我通过自定义 web 包插件 CSS Purge 执行 CSS 优化,因此让它工作对我来说至关重要,我确信这是可能的。但是,如果我ng build --configuration production这样做,它就像一种魅力,angular.json根本不会呻吟。

我执行时遇到的主要问题ng serve是我收到以下错误:

当前angular.json文件具有以下设置:

现在请注意,为了迁移,至少在我的情况下迁移到 Angular 13.0.2,我必须删除“ extractCss: true”位,因为我遇到了与此相关的错误(而不是我添加了 inlineCriticalCss 选项),我确实buildOptimizer: false将浏览器部分,否则它不能仅使用aot: false,公平地说,但是当我执行服务时,我无法让 webpack 运行。

我拥有的package.json依赖项:

请注意,在迁移之前,我一切正常。当我更新custom-webpack似乎必须运行最新软件包的库时,这似乎正在发生。如果我在这里查看它的文档:https ://www.npmjs.com/package/@angular-builders/custom-webpack#Custom-webpack-browser 对我来说语法看起来不错,因此我不知道如何解决这个问题 - 除了在项目网页上提出它。

非常感谢任何帮助,谢谢!

更新!

通过将我的 angular.json 与此处的线程进行比较,实际上发现了发生了什么:https ://stackoverflow.com/a/61768757/5293466在服务部分中,我必须删除 customWebpackConfig 的东西。然后一切都开始工作了!!!

0 投票
2 回答
2313 浏览

angular - Angular 构建 - 不匹配的选择器:%

当我运行npm run buildwhich 执行ng build -c production构建将按预期完成。但是命令提示符将充满此警告:

如何解决这个警告?

package.json

0 投票
1 回答
804 浏览

angular - Angular 构建 - 预期标识符但找到“*”

升级到 Angular 后,13.0.0在构建时会出现此警告:

为什么会发生这种情况?

package.json

例如,我css在下面提供了一部分代码:

我搜索了很多。没有结果。

0 投票
0 回答
129 浏览

node.js - Angular 项目卡在“生成浏览器应用程序包(阶段:设置)...”

我尝试在 Angular 上启动我的第一个项目,在发出命令后,CMD 卡在:

而且根本没有完成。在这里它总是卡在这条线上

0 投票
1 回答
71 浏览

angular-cli - 如何在构建角度项目期间进行通配符文件替换?

我有一个带有 scss 样式的 angular2+ 项目。我的目标是 2 个应用程序:具有相同代码库的移动(离子)和网络。

由于需要为某些组件加载完全不同的样式表,我正在考虑执行以下操作:保存每个组件的web样式xxx.component.scss(不变),并将每个组件的移动样式保存在xxx.component.mobile.scss

我的问题:有没有办法在构建 Angular 项目时xxx.component.scss用它们的xxx.component.mobile.scss对应文件替换文件,类似于 Angular 对环境文件所做的事情(如果配置是 dev 则替换为)environment.ts? environment.dev.ts

我尝试像这样在 angular.json 中使用通配符,但它不起作用:

有没有办法在构建角度项目期间进行通配符文件替换?推荐的方法是什么?

0 投票
0 回答
58 浏览

angular - 角度构建