【问题标题】:useref.assets break gulp pipelineuseref.assets 打破 gulp 管道
【发布时间】:2015-10-05 09:21:41
【问题描述】:

当我尝试在我的 index.html 文件上使用 gulp-useref 时,管道中断并且任务无法完成 它有什么问题? 我的 html 源代码上有 testet useref,这很好

gulp.task('html', function () {
  var htmlFilter = $.filter(['*.html', '**/*.html']);
  var cssFilter = $.filter('**/*.css');
  var assets;

  return gulp.src(
    path.join(conf.paths.src, '*.html')
  )
  .pipe($.debug({title: 'after src:'}))
  .pipe(assets = $.useref.assets())
  .pipe($.debug({title: 'after useref.assets():'}))
  .pipe($.rev())
  .pipe(cssFilter)
  .pipe($.minifyCss())
  .pipe(cssFilter.restore())
  .pipe(assets.restore())
  .pipe($.useref())
  .pipe($.revReplace())
  .pipe(htmlFilter) 
  .pipe($.minifyHtml({
    empty: true,
    spare: true,
    quotes: true,
    conditionals: true
  }))
  .pipe(htmlFilter.restore())
  .pipe(gulp.dest(path.join(conf.paths.dist, '/')))
  .pipe($.size({ title: path.join(conf.paths.dist, '/'), showFiles: true }));
});

在 useref.assets 之后调试不会显示

【问题讨论】:

    标签: gulp gulp-useref


    【解决方案1】:

    来自gulp-userefgithub页面:

    引擎盖下的更改使代码更高效并简化了 API。由于 API 发生了变化,请注意下面的使用示例。

    资产不再可用,所以我认为这是您的问题。

    【讨论】:

    • 那么,首选的解决方法是什么?使用过滤器?
    • 是的,我使用了过滤器。但是,我无法按照他们的建议使用新的 API 和惰性管道使源映射工作
    • 谢谢,我最终放弃了它,因为我需要 RTL 支持并且我的 css 是动态添加的,我无法使用它,我不记得为什么,但这是我们讨论的一个可靠问题在我们的团队中:D 感谢您的回答
    猜你喜欢
    • 1970-01-01
    • 2012-03-06
    • 1970-01-01
    • 2010-10-10
    • 2015-02-10
    • 1970-01-01
    • 2021-12-09
    • 2015-01-26
    • 1970-01-01
    相关资源
    最近更新 更多