使用 Grunt 缓存 LESS Bootstrap答案

【问题标题】：Caching LESS Bootstrap with Grunt使用 Grunt 缓存 LESS Bootstrap
【发布时间】：2014-05-22 01:46:14
【问题描述】：

我正在使用 grunt 来管理我的前端 Web 应用程序，并且想知道是否有任何方法可以加快其预编译过程。编译 LESS 文件（包括引导程序）大约需要 2 秒，对我来说，如果 bootstrap.less 不需要每次都重新编译是有意义的。也许它已经默认缓存了，但是有什么方法可以加快构建速度？

Gruntfile 示例：

grunt.initConfig({
watch: {
    haml: {
        files: '*.haml',
        tasks: ['haml'],
        options: {
            livereload: true,
        },
    },
    js: {
        files: ['*.js'],
        tasks: [],
        options: {
          livereload: true,
        }
  },
  css: {
        files: ['*.css'],
        tasks: [],
        options: {
          livereload: true,
        }
  },
  less: {
        files: ['style.less'],
        tasks: ['less'],
  },


},

【问题讨论】：

style.less 是否导入 boostrap.less？如果是这样，那么我担心没有缓存是可能的，因为style.less 可以重新定义/覆盖boostrap.less 使用的变量和mixin，即使根本没有修改引导文件，缓存也会变得无效（编译器和咕噜任务都不能知道这种失效是否实际发生或何时发生）。如果 style.less 和 boostrap.less 被编译为独立的 css 文件，那么只需将它们分配给不同的 watch 子任务就可以了。
是的。感谢您的解释！我想 2 秒的代价还不错

标签： twitter-bootstrap less gruntjs bower

【解决方案1】：

您必须查看 grunt-newer 以将 Grunt 任务配置为仅在文件更改时运行。

见https://github.com/tschaub/grunt-newer

【讨论】：