Question

我对Grunt相当新，所以这可能是一个非常基本的问题。我有一个看起来像这样的Gruntfile.js：

/*global module:false*/ 
module.exports = function (grunt) { 

  grunt.initConfig({ 

  }); 

  grunt.registerTask('default', 'measureText'); 

  grunt.registerTask('measureText', 'Measures size of text', function() { 
    grunt.log.writeln('========================================================================'); 
    grunt.log.writeln('= output of ImageMagick should be on next line:                        ='); 
    var im = require("node-imagemagick"); 

    im.identify(['-format', '%wx%h', 'build/text.png'], function(err, output){ 
      if (err) throw err; 
      console.log('dimension: '+output);  // <-- NOTHING WRITTEN!
    }); 

    grunt.log.writeln('========================================================================'); 
    return; 
  });    
};

正如您所看到的，它调用node-imagemagick方法标识来获取图像的宽度和高度（build / text.png）。当我在上面运行我的grunt脚本时，identify（）回调没有输出。（那是上面的console.log行。）

然而，如果我创建一个Node脚本（例如test-node-imagemagick.js）来测试相同的代码，它就可以正常工作，例如。

#!/usr/bin/env node

var im = require("node-imagemagick");
im.identify(['-format', '%wx%h', 'build/text.png'], function(err, output){
  if (err) throw err;
  console.log('dimension: '+output);
});

那么如何在Grunt任务中调用Node包，并获取返回值？

顺便说一句，我确实安装了这个包：

$ npm install node-imagemagick

...来自包含Gruntfile.js的目录。

谢谢！

Answer 1

编辑：

你的任务永远不会完成的原因是因为你最后的模糊回报：

return; <---

您正在中断异步调用：

im.identify(function(){
  //do async
})

return; //exit task

试试这个：

grunt.registerTask('measureText', function(done) {
    //omitting code

    im.identify(function(){
       //do async stuff

       done()
    })
})

函数参数 done（）告诉任务运行器它应该在你执行异步操作后完成，而不是在任何代码执行之前结束。

原件：

您的要求在每个脚本中看起来都非常不同。

require('imagemagick')

--- vs ---

require('node-imagemagick')

Grunt可能会吞下错误

另外，我认为它只是：

npm install imagemagick

Answer 2

我刚刚通过更多挖掘找到答案，在这里：Using a node module within a Grunt Task fails

基本上，如果要接收回调，我的Grunt任务必须是异步的：

/*global module:false*/ 
module.exports = function (grunt) { 
  var im = require("node-imagemagick"); 


  grunt.initConfig({ 
  }); 

  grunt.registerTask('default', 'measureText'); 

  grunt.registerTask('measureText', 'Measures size of text', function() { 
    var done = this.async(); // <-- Make the task asynchronous!
    grunt.log.writeln('========================================================================'); 
    grunt.log.writeln('= output of ImageMagick should be on next line:                        ='); 

    im.identify(['-format', '%wx%h', 'build/text.png'], function(err, output){ 
      if (err) throw err; 
      console.log('dimension: '+output); 
      done();
    });  
  });    
};

当然，这意味着如果我在那里保留第二行，那么输出实际上不会出现在两行等号之间。

Answer 3

做一些更多的研究我能够让它发挥作用。首先，我将切换到imagemagick开发人员README推荐的这个库。

https://github.com/aheckmann/gm

但是，如果您想使用未维护的库，那取决于您。

无论如何它是：

grunt.registerTask('measureText', function(done) {
  //omitting code

  var done = this.async() //create async task

  im.identify('/path/to/image', function(err, output){
   //do async stuff
   console.log('dimension: %s', output)
   done()
  })

  //or use gm
  gm('/path/to/image')
   .size(function(err, size) {
      console.log('gm size: %s', size)
      done()
   })
})

从Grunt任务中的Node脚本中检索输出

3 个答案: