引导“咕噜表”不会创建bootstrap.min.css

Question

我几乎是第一次咕哝。我在引导3.1.1中使用了咕噜，grunt watch-command的效果很好。我的bootstrap.min.css文件每次都被编译。(我上传我的bootstrap.min.css)

后来，我丢失了3.1.1的咕噜文件(长话短说，我的电脑崩溃了)。所以现在使用Bootstra3.2.0，我要重新建立我的咕噜-工作流程。

但是现在当我使用grunt watch时，我只编译了"bootstrap.css“和"bootstrap.theme.css”。

我花了最后几个小时来解决这个问题，但没有成功。

我想要的我希望grunt watch编译小型化的"bootstrap.min.css“，那么我如何在watch上调用min.css-函数

我很乐意得到一些帮助。

Answer 1

“咕噜表”将只监视文件，然后运行已设置的任务。我假设你在你的档案里有这样的东西：

css: {
    files: [
      'bootstrap.css',
    ],
    tasks: ['less'],
  },

在较少的任务中，您应该有如下所示。注意，将cleancss选项设置为true：

options: {
      cleancss: true
    },

    files: {
      "dest/bootstrap.min.css": "src/bootstrap.css",
      "dest/bootstrap.theme.min.css": "src/bootstrap.theme.css"
    }

更新：

根据上传的文件，在触发手表时，您应该正在运行cssmin:core任务。

UPDATE 2:要更新监视任务，只需将cssmin:core任务添加到下级子任务：

less: {
        files: 'less/**/*.less',
        tasks: ['less', 'cssmin:core]
      }

在这里，您告诉它运行较少的任务，然后是cssmin任务，当一个较少的文件在观看时被更改时。

Answer 2

您的gruntfile.js将有“监视”部分，如下所示

​

    watch: {
      src: {
        files: '<%= jshint.core.src %>',
        tasks: ['jshint:src', 'qunit', 'concat']
      },
      test: {
        files: '<%= jshint.test.src %>',
        tasks: ['jshint:test', 'qunit']
      },
      less: {
        files: 'less/**/*.less',
        tasks: 'less'
      }
    },

​

less分段下的任务定义了“咕噜表”将运行的任务。在引导3.3.2 (我猜在3.1.1中也是一样)是'cssmin‘任务，缩小核心引导css。因此，您需要将任务添加到更少的代码中，这样上面的代码就会变成

​

    watch: {
      src: {
        files: '<%= jshint.core.src %>',
        tasks: ['jshint:src', 'qunit', 'concat']
      },
      test: {
        files: '<%= jshint.test.src %>',
        tasks: ['jshint:test', 'qunit']
      },
      less: {
        files: 'less/**/*.less',
        tasks: ['less', 'cssmin']
      }
    },

​

Answer 3

所有这些都不适合我。看起来css小型化命令更改为cssmin:minifyCore，因此我已经将我的监视任务更新为：

watch: {
  src: {
    files: '<%= jshint.core.src %>',
    tasks: ['jshint:core', 'qunit', 'concat']
  },
  test: {
    files: '<%= jshint.test.src %>',
    tasks: ['jshint:test', 'qunit']
  },
  less: {
    files: 'less/**/*.less',
    tasks: ['less', 'cssmin:minifyCore']
  }
},

希望这能帮到别人！