Question

我是新手写的grunt插件，当我试图运行它时，我遇到了问题：

Running "inject_css:dev" (inject_css) task
Warning: Unable to write "undefined" file (Error code: undefined). Use --force to continue.

我的插件看起来像：

'use strict';

module.exports = function(grunt) {
  grunt.registerMultiTask('inject_css', 'Allows you to inject CSS into HTML files as part of the build process.', function() {
    var src = grunt.file.expand(this.data.src);
    var text = '';

    if (src) {
        src.forEach(function (script) {
            text += grunt.file.read(script);
        });
    } else {
        grunt.log.error('Please specify a file to inject into the html.');
        return;
    }

    this.files.forEach(function (file) {
        grunt.file.write(file.dest, grunt.file.read(file.src).replace('<!-- inject -->', '<style type="text/css">' + text + '</style>'));
        grunt.log.ok('File injected'.blue + ' into ' + file.dest);
    });
  });
};

当我尝试在我的grunt文件中调用它时，我使用以下配置：

inject_css: {
  dev: {
    files:{
      'static/test/test.html': 'test.html'
    },
    src: 'static/less/form.less'
  }
}

任何想法我做错了什么？

Answer 1

看着警告，我猜它被丢在那里：

grunt.file.write(file.dest, grunt.file.read(file.src).replace('<!-- inject -->', '<style type="text/css">' + text + '</style>'));

这意味着file.dest未定义。

查看您的代码，看起来很正常，因为您使用this.files的foreach而不包含任何dest属性。

基本上，我认为您忘记展开this.dest，这应该可以解决问题：

var expandedFiles = grunt.file.expand(this.data.files);
expandedFiles.forEach(function (file) {
    grunt.file.write(file.dest, grunt.file.read(file.src).replace('<!-- inject -->', '<style type="text/css">' + text + '</style>'));
    grunt.log.ok('File injected'.blue + ' into ' + file.dest);
});

由于我无法真正尝试，这只是一个猜测，让我知道它是否正常工作。

无法写＆＃34;未定义＆＃34;文件在grunt插件中

1 个答案: