Grunt.js 依赖管理

Question

有没有办法在 Grunt 中指定文件依赖项？ IE。如果我有：

global/page.jade
project/index.jade -- includes global/page.jade
project/about.jade -- includes global/page.jade
project/test.jade

我更改了global/page.jade，然后我想重新编译project/index|about.jade。我检查了插件，但找不到任何可以提供该功能的东西。

Answer 1

grunt watch 按以下方式在您的 gruntfile.js 中使用

...

  watch: {
    scripts: {
      files: 'src/**/*',
      tasks: ['buildDevelopment'],
      options: {
        interrupt: true,
      },
    }

grunt.registerTask('buildDevelopment', ['clean'
                        ,'jade'
                        ,'copy:development'
                        ,'bowercopy:development'
                        ]);

...

Answer 2

我建议增强 Atillas 解决方案。每次更改都重新构建所有模板并不是最佳选择，并且会在大型项目中惹恼您。

以下是应该有帮助的：

使用较新的插件仅处理更改的文件

安装： npm install grunt-newer --save-dev
文档： https://www.npmjs.org/package/grunt-newer#optionsoverride
用法：

• 为更新的任务添加前缀：
  
• 添加 grunt.loadNpmTasks('grunt-newer');到 gruntfile
  
• 使用覆盖选项来检查包含（您正在寻找的魔法）
  

newer: { options: { override: function (detail, include) { if (detail.task === 'jade') { checkForModifiedImports(detail.path, detail.time, include); } else { include(false); } } } }

使用 watch 检测文件变化

安装： npm install grunt-contrib-watch --save-dev 文档：https://www.npmjs.org/package/grunt-contrib-watch
用法：

• 添加 grunt.loadNpmTasks('grunt-contrib-watch');到 gruntfile
• 任务可能看起来像这样

watch: { scripts: { files: '**/*.jade', tasks: ['newer:jade'], options: { interrupt: true }, }, }