gulp.dest 不适用于 gulp useref答案

【问题标题】：gulp.dest is not working for gulp userefgulp.dest 不适用于 gulp useref
【发布时间】：2016-03-18 11:02:11
【问题描述】：

我正在尝试使用 gulp useref 来合并我的 bower js 文件、app js 文件和 css，但它对我不起作用。当我运行 gulp 命令时，我的 dest 目录总是空的

这是我使用 yomean 生成的目录结构

   app
      bower_components
      main
      img
   dest
   gulp
   hooks
   node_modules

这是我的 index.html

<!-- build:js scripts/app.js -->
<!-- inject:js -->
<script src="app.js"></script>
<script src="main/main.js"></script>
<script src="main/constants/config-const.js"></script>
<script src="main/controllers/badge.controller.js"></script>
<script src="main/controllers/creation.controller.js"></script>
<!-- endinject -->
<!-- endbuild -->

我的 gulp.js 看起来像这样

gulp.task('useref', function(){
     return gulp.src('app/main/*.html')
    .pipe(useref())
    .pipe(gulp.dest('dest'),{relative: true});
   });

正如我在终端控制台中看到的那样，useref 任务运行良好，但由于某种原因，dest 目录中没有结果文件

【问题讨论】：

您的路径似乎是错误的。您的 index.html 是否位于 main/？如果是这样，那么您的脚本标签的路径错误。如果您的 index.html 在 app/ 中，则 gulp.src 不正确。
@dannyjolie 我的 index.html 位于 app 中，你能告诉我这里有什么问题吗？
您的 html 文件中有 gulp-inject 命令。删除它，这在 gulp-useref 区域没有意义。

标签： javascript gulp gulp-useref

【解决方案1】：

对我来说，这都是 rev 问题。删除 gulp-useref 的所有本地版本和 -g 版本，并确保您的本地 package.json devDependencies 部分是 list gulp-useref^3.0.0

  "devDependencies": {
      "gulp-useref": "^3.0.0",
      .  .  .  .  
  }

然后从项目主页 npm up --dev

我还在使用时将 gulp-cli 和 gulp 更新到了 4.0。我是新手，所以我怎么知道这是否是一个错误。

花了一些时间，但结束了一天毫无结果的头痛，结果令人满意，一碗 Ben&Jerry 的冰淇淋

【讨论】：