gruntjs - Yeoman & Grunt，如何仅包含在构建中

Question

我正在使用 Yeoman 构建 Angular 应用。

我只想在构建时将 JavaScript 的一部分包含在页面上(放入 dist 文件夹中)。

是否有某种方法可以告诉在开发过程中运行“grunt 服务器”的 grunt 任务跳过模板的一部分并仅将其包含在构建中？

Answer 1

这听起来像是 grunt-processhtml 的完美用例.

它允许您在 HTML 中放置某些指令。在您的情况下，remove 指令可能就是您正在寻找的内容:

<!-- build:remove -->
<p>This will be removed when any process is done</p>
<!-- /build -->

<!-- build:dist:remove -->
<p>But this one only when doing processhtml:dist</p>
<!-- /build -->

您当然可以扭转这一局面，并拥有仅在服务器模式下删除的代码片段。如果您将任务配置为在 .tmp/ 中输出 HTML，连接服务器将自动从那里提供该文件。

然后，您可以将 processhtml 任务添加到服务器的任务列表中，例如:

grunt.task.run([
  'clean:server',
  'concurrent:server',
  'autoprefixer',
  'processhtml:server',
  'connect:livereload',
  'open',
  'watch'
]);

以及监视部分，以便以后的更改也会触发文件的更新:

watch: {
  html: {
    files: ['<%= yeoman.app %>/*.html'],
    tasks: ['processhtml:server']
  }
}