javascript - 咕噜声 : Warning: Object #<Object> has no method 'indexOf'

Question

所以，我最近开始使用 Grunt，而且它很有效!太棒了。

当我使用 LESS 时，我决定想要编译后的 CSS 的开发和生产版本 - 所以我决定添加相关目标。但是，我现在收到标题中指定的错误。

我查看了 StackOverflow，很多解决方案都与"file"选项周围的 [] 相关(这是正确的词吗？)，这是我所缺乏的。我不知道需要在文件中的哪个位置添加它们，并且我已经尝试了一些地方，但它不起作用。

将 [] 添加到我的“src”选项也不起作用。

这是我的 Gruntfile 的第一部分 - 我认为不需要其余部分。

module.exports = function(grunt) {

grunt.initConfig({

   pkg: grunt.file.readJSON('package.json'),
   less: { 
    production: { 
        options: { 
            path: ["css"], 
            cleancss: true 
    }, 

     src: {
        expand: true,
        cwd:    "css/",
        src:    ['*.less', '!_*.less'],
        dest:   "production/css/", 
        ext:    ".css"
}   
 }, 

 dev: {
   options: { 
    path: ["css"] 
}, 

src: { 
        expand: true,
        cwd:    "css/",
        src:    ['*.less', '!_*.less'],
        dest:   "css/", 
        ext:    ".css"
}
   }

         }, 

谢谢!如果这个问题重复了，我提前表示抱歉，但没有其他任何东西给我任何提示。

Answer 1

您是否尝试过按照与文档相同的方式设置文件？这指定的源文件与您的源文件略有不同:

less: {
  development: {
    options: {
      paths: ["assets/css"]
    },
    files: {
      "path/to/result.css": "path/to/source.less"
    }
  },
  production: {
    options: {
      paths: ["assets/css"],
      cleancss: true,
      modifyVars: {
        imgPath: '"http://mycdn.com/path/to/images"',
        bgColor: 'red'
      }
    },
    files: {
      "path/to/result.css": "path/to/source.less"
    }
  }
}

请参阅文档中的使用示例以获取更多说明:https://github.com/gruntjs/grunt-contrib-less#usage-examples