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

Question

我正在使用 Yeoman 构建一个 Angular 应用程序。

有一部分 JavaScript 我只想在构建时包含在页面中（到 dist 文件夹中）。

有没有办法告诉在开发过程中运行“咕噜服务器”的咕噜任务跳过模板的一部分，只将它包含在构建中？

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 -->

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

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

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

并到 watch 部分，因此以后的更改也会触发文件的更新：

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