不为默认的 Grunt 键使用 glob 模式

Question

1。摘要

我无法设置 grunt-clean-console 插件，它适用于我所有的 .html 文件。

---

2。详情

g运行t-clean-console 检查 .html 个文件的浏览器控制台错误。

我想检查我站点所有 .html 文件的浏览器控制台错误。 In official descripition 我读过，插件如何针对 url 键的特定值工作。我的站点中有很多页面；我不想分别添加每个 .html 文件。但是我找不到如何使用模式。

我发现，我可以使用内置 G运行t cwd、src、dest 键的模式。但是我如何将 glob（或其他）模式用于自定义键作为此插件的 url？

---

3。数据

• Gruntfile.coffee:

  module.exports = (grunt) ->
  
      grunt.loadNpmTasks 'grunt-clean-console'
  
      grunt.initConfig
          'clean-console':
              all:
                  options:
                      url: 'output/index.html'
      return
  

• 示例项目配置：

  output
  │   404.html
  │   index.html
  │
  ├───KiraFirstFolder
  │       KiraFirstfile.html
  │
  └───KiraSecondFolder
          KiraSecondFile.html
  

• 如果我像上面的例子一样为 url 键设置没有模式的特定值，g运行t-clean-console 成功运行：

  phantomjs: opening page output/index.html
  
  phantomjs: Checking errors after sleeping for 5000ms
  ok output/index.html
  
  phantomjs process exited with code 0
  
  Done.
  

3.1。重现步骤

我在控制台中 运行:

grunt clean-console --verbose

---

4。没有帮助

4.1。通配

• Official documentation

• Gruntfile.coffee:

  module.exports = (grunt) ->
  
      grunt.loadNpmTasks 'grunt-clean-console'
  
      grunt.initConfig
          'clean-console':
              all:
                  options:
                      url: 'output/**/*.html'
      return
  

• 输出：

  phantomjs: opening page http://output/**/*.html
  
  phantomjs: Unable to load resource (#1URL:http://output/**/*.html)
  
  
  phantomjs:   phantomjs://code/runner.js:30 in onResourceError
  Error code: 3. Description: Host output not found
  
    phantomjs://code/runner.js:31 in onResourceError
  
  phantomjs: loading page http://output/**/*.html status fail
  
    phantomjs://code/runner.js:50
  
  phantomjs process exited with code 1
  url output/**/*.html has 1 error(s)
  >> one of the urls failed clean-console check
  Warning: Task "clean-console:all" failed. Use --force to continue.
  
  Aborted due to warnings.
  

4.2。动态构建对象

• Official documentation

• Gruntfile.coffee（例子）：

  module.exports = (grunt) ->
  
      grunt.loadNpmTasks 'grunt-clean-console'
  
      grunt.initConfig
          'clean-console':
              all:
                  options:
                      url:
                          files: [
                              expand: true
                              cwd: "output/"
                              src: ['**/*.html']
                              dest: "output/"
                          ]
      return
  

• 输出：

  File: [no files]
  Options: urls=[], timeout=5, url=["output/**/*.html"]
  
  Fatal error: missing url
  

4.3。模板

• Official documentation

• Gruntfile.coffee:

  module.exports = (grunt) ->
  
      grunt.loadNpmTasks 'grunt-clean-console'
  
      grunt.initConfig
          'clean-console':
              all:
                  options:
                      url: '<%= kiratemplate %>'
          kiratemplate: ['output/**/*.html'],
      return
  

• 输出：

  phantomjs: opening page http://output/**/*.html
  
  phantomjs: Unable to load resource (#1URL:http://output/**/*.html)
  
  
  phantomjs:   phantomjs://code/runner.js:30 in onResourceError
  Error code: 3. Description: Host output not found
  
    phantomjs://code/runner.js:31 in onResourceError
  loading page http://output/**/*.html status fail
  
    phantomjs://code/runner.js:50
  
  phantomjs process exited with code 1
  url output/**/*.html has 1 error(s)
  >> one of the urls failed clean-console check
  Warning: Task "clean-console:all" failed. Use --force to continue.
  
  Aborted due to warnings.
  

Answer 1

在利用grunt.file.expand的grunt.initConfig部分之前创建一个函数。例如：

Gruntfile.js

module.exports = function(grunt) {

  grunt.loadNpmTasks 'grunt-clean-console'

  // Add this function...
  function getFiles() { return grunt.file.expand('output/**/*.html'); }

  grunt.initConfig({
    'clean-console': {
      all: {
        options: {
          url: getFiles() // <-- invoke the function here.
        }
      }
    }
    // ...
  });

  // ...
}

备注：

• getFiles 函数 returns 与给定 glob 模式匹配的所有 .html 文件的文件路径数组，即 'output/**/*.html'.
• options.url 属性 的值设置为 getFiles() 以调用函数。