小编Kyl*_*ung的帖子

gulp-newer vs gulp-changed

他们之间的区别是什么?

gulp-newer:

gulp.src(imgSrc)
  .pipe(newer(imgDest))
  .pipe(imagemin())
  .pipe(gulp.dest(imgDest));
Run Code Online (Sandbox Code Playgroud)

gulp-changed:

gulp.src(SRC)
    .pipe(changed(DEST))
    // ngmin will only get the files that
    // changed since the last time it was run
    .pipe(ngmin())
    .pipe(gulp.dest(DEST));
Run Code Online (Sandbox Code Playgroud)

看来gulp-change更强大,因为它提供了一个选项

hasChanged: changed.compareLastModifiedTime
Run Code Online (Sandbox Code Playgroud)

npm gulp

45
推荐指数
2
解决办法
2万
查看次数

如何使用gulp-rev的输出替换index.html中列出的文件名?

我正在使用gulp-rev来构建我可以设置为永不过期的静态文件.我想将index.html中生成的文件的所有引用替换为这些重命名的文件,但我似乎找不到像Grunt那样使用usemin的任何内容.

据我所知,我有一些选择.

  1. 使用gulp-usemin2,这取决于gulp -rev.当我去搜索Gulp插件时,它说gulp-usemin2做得太多所以我应该使用gulp-useref,但是我不能配置gulp -ref来使用gulp-rev的输出.
  2. 编写我自己的插件,将index.html(和CSS中)的块(脚本和样式)替换为生成的文件.

有任何想法吗?我不明白为什么这个小用例应该是我取代Grunt的唯一方法.

gulp

19
推荐指数
4
解决办法
3万
查看次数

Gulp.js,保存文件时监视任务运行两次

鉴于我的gulpfile.js中的以下代码,每次保存或更改文件时,任务运行两次而不是一次,为什么?我只想让它运行一次.

var gulp = require('gulp');

gulp.task('default', function() {

  gulp.watch('server/**/*.js', function(){
    console.log('This runs twice everytime I change/save a javascript file located at server/**/*.js');
  }); 

});
Run Code Online (Sandbox Code Playgroud)

我也经历了与grunt和插件grunt-contrib-watch相同的经历.

javascript gulp

8
推荐指数
4
解决办法
1万
查看次数

我可以指示Grunt连接index.html中定义的所有JS文件吗?

  1. 我是否可以指示Grunt连接index.html中定义的所有JS文件而不专门命名它们?
  2. Grunt也可以创建新的index.html文件来加载连接的JS文件而不是之前的多个文件吗?
  3. Grunt可以同时uglify JS文件吗?
  4. Grunt不仅可以为JS文件执行此操作,还可以在给定的html文件中使用CSS文件吗?

我花了很多时间谷歌搜索,但Grunt生态系统似乎是如此分散,我不熟悉:(.

PS:我已决定使用Grunt,因为在WebStorm 8中有直接集成,但也许其他工具更适合这项任务?

uglifyjs bundling-and-minification gruntjs

8
推荐指数
1
解决办法
2264
查看次数

更新grunt dev依赖项

我对grunt比较陌生,对节点还不是很熟悉.我有一个样板文件Gruntfile和package.json文件,我在我的所有项目中使用并根据需要进行修改.当我启动每个项目时,我想更新Dev Dependencies和package.json中的所有Grunt插件,但我不知道一种快速简便的方法.是否可以使用一个命令更新所有模块,还是必须单独执行?

node.js npm gruntjs

8
推荐指数
1
解决办法
9526
查看次数