Yeoman / GruntJS / UseMin答案

【问题标题】：Yeoman / GruntJS / UseMinYeoman / GruntJS / UseMin
【发布时间】：2014-02-02 23:49:53
【问题描述】：

我正在尝试使用 usemin 构建我的文件。我的设置是这样的： index.html - /en/bunchofhtmlfiles.html - /de/bunchofhtmlfiles.html - /scripts/apps.js

index.html

-- /en/ -> html 文件

-- /scripts/ -> js 文件

如何编写 build:js 块？

在 index.html 中很清楚：

<!-- build:js scripts/... -->
<script src="scripts/...></script>
<!-- endbuild -->

但是我在子目录中写了什么？

<!-- build:js ../scripts/...  -->
<script src="../scripts/...></script>
<!-- endbuild -->

<!-- build:js scripts/...  -->
<script src="scripts/...></script>
<!-- endbuild -->

这会使文件的 js 文件路径错误，但 js 文件会被正确放置。

这里是 usemin 的 gruntfile.js 部分：

useminPrepare: {
  html: ['<%= yeoman.app %>/{,*/}*.html', '<%= yeoman.app %>/en/*.html'],
  options: {
    dest: '<%= yeoman.dist %>'
  }
},
usemin: {
  html: ['<%= yeoman.dist %>/{,*/}*.html', '<%= yeoman.dist %>/en/*.html'],
  css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
  options: {
    dirs: ['<%= yeoman.dist %>']
  }
},

【问题讨论】：

标签： gruntjs yeoman grunt-usemin

【解决方案1】：

无需接触 Gruntfile.js

您需要扔掉整个 index.html 并更改未注释区域内的路径。

例如

root/scripts/main.js

还有你的 index.html

root/en/index.html

您需要将 index.html 更改为

  <!-- build:js scripts/main.js -->
  <script src="scripts/main.js"></script>
  <!-- endbuild -->

进入

  <!-- build:js ../scripts/main.js -->
  <script src="scripts/main.js"></script>
  <!-- endbuild -->

其他路径也一样

【讨论】：