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

我想创建一个通用的顶层Gruntfile.js,配置为监视较少的文件更改.当较少的文件更改时,我想将其编译为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');
};

解决方法:

我使用grunt插件-‘gruntfile’解决了问题.它使您可以导入顶级Gruntfile.js,使其包含在其他Gruntfiles中.
我从其他gruntfile中动态设置了父Gruntfile的参数.

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

标签：grunt-contrib-watch,gruntjs,javascript
来源： https://codeday.me/bug/20191121/2049793.html