javascript - 如何创建顶级 grunt 文件并将其导入位于子文件夹中的另一个 grunt 文件？

Question

我想创建一个通用的顶级 Gruntfile.js，配置为监视较少的文件更改。当less文件发生变化时，我想将其编译为css，然后在浏览器中实时加载css文件。我的功能正常，但我必须为每个项目复制 Gruntfile.js 中的大部分代码。所以我在想是否有某种方法可以创建一个通用的 Gruntfile.js 并将其包含/导入到不同的项目中。

module.exports = function (grunt) {
'use strict';

grunt.initConfig({
  pkg: grunt.file.readJSON('package.json'),

  less: {
    options: {
      compress: true
    },
    compile: {
      extend: true,
      src: 'less/**/project.less',
      dest: 'css/project.css',
      ext: '.css'
    }
  },

  watch : {
    less : {
      files : ['less/**/*.less'],
      tasks : ['less']
    },
    css : {
      files : ['css/*.css'],
      options : {
        livereload: true,
        spawn : false
      }
    }
  }
  });

  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-less');
};

Answer 1

我使用 grunt 插件 - 'gruntfile' 解决了这个问题。它允许您导入顶级 Gruntfile.js 以包含在其他 Gruntfile 中。我从其他 gruntfile 中动态设置父 Gruntfile 的参数。

您可以在以下位置找到有关插件和使用示例的更多信息:https://github.com/shama/gruntfile