如何一起使用 Angular cli 和 gulp答案

【问题标题】：How to make use of Angular cli and gulp together如何一起使用 Angular cli 和 gulp
【发布时间】：2023-03-18 03:54:02
【问题描述】：

我正在尝试将 Angular cli 和 gulp 放在一起，并且我想利用 gulp 的实时重新加载功能，以便如果有人更改 Angular 系统中的任何文件，这些文件将自动构建在它所在的 dist 中将由我的节点服务器提供服务。

我只想要 ng build 而不是 ng serve，因为我想自动构建文件而不是重用 cli 的实时重新加载

我已经尝试了很多相同的谷歌，但我无法将任何 what have i done stuff 放在一起

gulp.task('default', ['sdk', 'server'], function() {
  gulp.watch(['./common/models/*.js'], ['server']);
  gulp.watch(['./client/**/*.js'], ['angular']); // i am thinking of lisiting here please help
});

请注意

我只需要使用最新的更改来更新 dist 文件，我知道这可能很昂贵，但是这可以很快完成，因为这是我从节点服务器提供服务的全局的一部分

【问题讨论】：

标签： javascript angular gulp angular-cli

【解决方案1】：

angular cli 带有 ng build 的监视标志

ng build --watch

或

ng build -w

这将在文件更改时重建dist 目录

【讨论】：

我们如何有一个相同的 gulp 任务，以便我可以使用节点提供文件
@INFOSYS 你需要 gulp 吗？ ng build 将构建到您的 dist 目录，该节点可以提供服务
是的，实际上还有更多的东西使用 loopback sdk 然后推送模型更改需要 gulp
@INFOSYS 所以你需要gulp.watch(['./src/app/**/*', './src/index.html'], ['angular']) 之类的东西（根据需要查看任何其他文件）。然后在 gulp 任务中运行 ng build 命令