让玛丽·昆多组织的治疗付出艰巨的任务

WebPack和NPM脚本主导了现代JavaScript开发，处理任务和捆绑。但是，许多项目仍然依靠咕unt。虽然不是街上最新的孩子，但Grunt仍然是可靠的主力。本文探讨了简化和改善您现有的咕unt项目的策略。

用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. 更换任务加载语句：

模块。Exports= function（grunt）{
  //而不是单个grunt.loadnpmtasks调用...
  需要（'jit-grunt'）（咕unt）;

  grunt.initConfig（{}）;
}

简化配置加载

下一步是将您的gruntfile分解为较小，更可管理的配置文件。代替单片gruntfile.js ，将您的配置组织到单独的文件中。我们将使用load-grunt-configs进行有效的加载。

使用load-grunt-configs ：

模块。Exports= function（grunt）{
  需要（'jit-grunt'）（咕unt）;

  const configs = require（'load-grunt-configs'）（grunt，{
    config：{src：'任务/*。js'}
  }）;

  grunt.initconfig（configs）;
  grunt.registerTask（'default'，['cssmin']）;
}

另外，Grunt提供本机任务加载： grunt.loadTasks('tasks') 。但是，这立即执行文件，不理想配置。为了利用这一点，您必须使用grunt.config在外部文件本身中配置任务。

示例使用grunt.loadTasks ：

 //任务/mytask.js
模块。Exports= function（grunt）{
  grunt.config（'mytask'，{
    选项：'value'
  }）;
};

// gruntfile.js
模块。Exports= function（grunt）{
  需要（'jit-grunt'）（咕unt）;
  grunt.initConfig（{}）;
  grunt.loadtasks（'tasks'）;
  grunt.registerTask（'default'，['mytask']）;
};

高级配置组织：通过功能进行分组

通过文件名组织任务并不总是直观的。一种更有效的方法是通过功能或功能进行分组配置。

代替了许多单独的任务文件，而是创建代表功能的文件（例如， styles.js ， scripts.js ， images.js ）。使用grunt.config.merge结合相关任务的配置，避免覆盖。

示例：样式配置：

 //任务/styles.js
模块。Exports= function（grunt）{
  grunt.config（'sass'，{ / * ... * /}）;
  grunt.config（'Postcss'，{ / * ... * /}）;
  grunt.config.merge（{
    手表： {
      样式：{
        文件：['source/styles/*。scss']，
        任务：['sass'，'postcss']
      }
    }
  }）;
};

这种方法可增强可读性和可维护性，从而更清晰地概述了您的项目结构。

结论

虽然不是最新的技术，但对于适当的组织而言，Grunt仍然是可行的选择。通过利用jit-grunt ， load-grunt-configs （或带有仔细任务定义的grunt.loadTasks ）以及基于功能的配置结构，您可以显着提高grunt项目的效率和可维护性。请记住，请查阅Grunt文档以获取更多细节和可能性。

以上是让玛丽·昆多组织的治疗付出艰巨的任务的详细内容。更多信息请关注PHP中文网其他相关文章！