添加新js后，yeoman/grunt-usemin不更新index.html

Question

我正在使用约曼与角生成器的网页应用程序在windows7上。运行溜溜球角后，我运行咕噜来构建应用程序进行部署。我在dist文件夹中的index.html文件与连接和缩小的css和js文件相应地发生了更改。

例如，当我向index.html添加一个新的js文件时

<script src="bower_components/json3/lib/json3.js"></script>

我再次运行grunt来构建；index.html文件不再将css aan文件更改为小型化文件，它基本上显示与应用程序目录中的index.html完全相同。

我还尝试将json3.js放入构建:js注释中：

 <!-- build:js scripts/json.js -->
 <script src="bower_components/json3/lib/json3.js"></script>
 <!-- endbuild -->

这里有什么东西我遗漏了吗？我必须要更改像usemin部分这样的grunt文件中的某些内容吗？

Answer 1

我一再碰到这个问题，并在我的情况下找到了解决办法。

我正在使用vs 2012来创建我的HTML和cmd，用于普通任务。似乎我的行尾是不正确的，所以我把它们改为Unix (LF)，而做了它的事情。当设置行结束到Windows (CR )咕噜-usemin时，不要正确地更新index.html页面。

希望这能帮上忙！

Answer 2

请注意，您的自定义JavaScripts包含在build:js({.tmp,app})部分，这就是为什么它们在单个文件中被缩小的原因。

我并不是建议将bower获得的库放到build:js({.tmp,app})中--参见：https://stackoverflow.com/a/19034513/1432478的注释。

一个好主意可能是看看grunt的cdnify任务。

json3 CDN

Answer 3

我也有同样的问题。修复它的唯一方法是在htmlmin任务下的Gruntfile中。

当index.html文件没有更改时，我的htmlmin任务如下：

htmlmin: {
  dist: {
    options: {
      //options
    },
    files: [{
      expand: true,
      cwd: '<%= yeoman.app %>',
      src: ['*.html', 'views/{,*/}*.html'],
      dest: '<%= yeoman.dist %>'
    }]
  }
}

如果我简单地删除了*.html在html:files:src中的部分，那么构建就能正常工作。我的新htmlmin任务如下：

htmlmin: {
  dist: {
    options: {
      //options
    },
    files: [{
      expand: true,
      cwd: '<%= yeoman.app %>',
      src: ['views/{,*/}*.html'],
      dest: '<%= yeoman.dist %>'
    }]
  }
}

希望这能帮上忙。我花了一段时间才弄明白为什么index.html文件没有被正确编辑。