AngularJS 模板化索引与 gulp

Question

所以每次我添加/删除/重命名我的 angularjs 项目的文件时，index.html 文件都会被注入 gulp 进程相应地更改。 结果是，如果团队中有更多人更改文件路径，则 index.html 文件会不断发生冲突，必须手动合并。

我该如何解决这个问题？

我认为一个解决方案可以是： index 模板文件是版本化的，但仅包含用于注入外部脚本的占位符，然后是一个 gulp 进程，该进程在运行时构建一个未版本化的临时 index.html 文件。

我怎样才能做到这一点？

gulpfile.js -> https://gist.github.com/bolza-admedo/32fec5026d2433c346fd

gulp.config.js -> https://gist.github.com/bolza-admedo/2712631f093a901be73c

Answer 1

将生成的 index.html 添加到 .gitignore，我假设您使用 GIT 作为源代码控制。

.gitignore:
  dist/index.html

您对index.html 进行更改，然后您的 gulp 进程构建另一个 index.html，该 index.html 放置在例如 dist 文件夹中，与其他构建工件（如 JS 和 CSS）一起从 git 存储库中排除

经验法则：构建生成的所有内容 - 都从 git 中排除