2

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

索引.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 %>']
  }
},
4

1 回答 1

0

无需触摸 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 -->

你的其他路径也一样

于 2016-01-20T14:21:05.307 回答