Webpack ? NPM ????? ?? JavaScript ??, ?? ?? ? ???? ?????. ??? ?? ????? ??? Grunt? ?????. ??? ?? ??? ???? Grunt? ??? ??? ??? ????? ?? ????. ? ????? ?? Grunt ????? ????? ???? ??? ?? ???.

jit-grunt ????? ?? ??

grunt.loadNpmTasks ???? ? grunt ??? ???????? ?? ?????. load-grunt-tasks ???? ????? jit-grunt ? ?? ??? ???? ?? ??? ????? ?????.

?? ?? :

jit-grunt ?? :

 <code>loading tasks 5.7s ▇▇▇▇▇▇▇▇ 84% assemble:compile 1.1s ▇▇ 16% Total 6.8s</code>

jit-grunt ? ?? :

 <code>loading tasks 111ms ▇ 8% loading assemble 221ms ▇▇ 16% assemble:compile 1.1s ▇▇▇▇▇▇▇▇ 77% Total 1.4s</code>

??? ?? ??! jit-grunt ??? ?? ????? ??? ???? ?????.

jit-grunt ?? :

1. ?? : npm install jit-grunt --save
2. ?? ?? ???? ?????.

 module.exports = function (grunt) {
  // ?? grunt ?? grunt.loadnpmtasks ?? ...
  ?? ( 'jit-grunt') (grunt);

  grunt.initconfig ({});
}

???? ???

?? ??? GruntFile? ? ?? ???? ?? ?? ??? ???? ????. monolithic gruntfile.js ?? ??? ??? ??? ??????. ???? ??? ?? load-grunt-configs ???????.

load-grunt-configs ?? :

 module.exports = function (grunt) {
  ?? ( 'jit-grunt') (grunt);

  const configs = require ( 'load-grunt-configs') (grunt, {
    ?? : {src : 'tasks/*. js'}
  });

  grunt.initconfig (configs);
  grunt.registertask ( 'default', [ 'cssmin']);
}

?? Grunt? ?? ?? ??? ????? : grunt.loadTasks('tasks') . ??? ??? ????? ??? ??? ?? ?????. ?? ????? grunt.config ???? ?? ?? ?? ??? ??? ???????.

grunt.loadTasks ?? ? :

 // tasks/mytask.js
module.exports = function (grunt) {
  grunt.config ( 'mytask', {
    ?? : 'value'
  });
};

// gruntfile.js
module.exports = function (grunt) {
  ?? ( 'jit-grunt') (grunt);
  grunt.initconfig ({});
  grunt.loadtasks ( '??');
  grunt.registertask ( 'default', [ 'mytask']);
};

?? ?? ?? : ?? ? ???

?? ???? ??? ???? ?? ?? ??? ? ?? ????. ?? ???? ?? ??? ?? ?? ???? ???? ????.

??? ?? ?? ?? ?? ?? (? : styles.js , scripts.js , images.js )? ???? ??? ????. grunt.config.merge ???? ?? ??? ?? ??? ???? ?? ??? ?????.

? : ??? ?? :

 // tasks/styles.js
module.exports = function (grunt) {
  grunt.config ( 'sass', { / * ... * /});
  grunt.config ( 'postcss', { / * ... * /});
  grunt.config.merge ({
    ??: {
      ??? : {
        ?? : [ '??/???/*. scss'],
        ?? : [ 'Sass', 'Postcss']
      }
    }
  });
};

? ???? ???? ?? ??? ???? ???? ??? ?? ??? ??? ?????.

??

?? ??? ???? Grunt? ??? ???? ?? ??? ???? ?? ????. jit-grunt , load-grunt-configs (?? ??? ?? ????? grunt.loadTasks )? ?? ?? ?? ??? ???? Grunt ????? ???? ?? ??? ?? ???? ? ????. ??? ??? ???? Grunt ??? ??????.

? ??? Marie Kondo ?? ??? ?? grunt ??? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!