Bootstrap"grunt watch"不会创建bootstrap.min.css

Question

我对咕噜几乎是新手.我使用了带引导程序3.1.1的grunt,并且grunt watch命令运行得很好.我的bootstrap.min.css文件每次都被编译.(我上传我的bootstrap.min.css)

后来我丢失了我的3.1.1 grunt文件(长话短说我的电脑崩溃了).所以现在使用Bootstrap 3.2.0我将重建我的grunt-work-flow.

但现在当我使用grunt watchi时,只能编译"bootstrap.css"和"bootstrap.theme.css".

我花了最后几个小时才弄清楚这一点没有成功.

我想要什么,我 想grunt watch编译缩小的"bootstrap.min.css"所以我如何调用min.css函数watch？

我很乐意得到一些帮助.

Answer 1

Grunt手表只会观看文件然后运行您设置的任务.我在你的gruntfile中假设你是这样的:

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触发手表时运行任务.

更新2: 要更新监视任务,您只需将cssmin:core任务添加到less子任务:

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

在这里,您告诉它运行较少的任务,然后cssmin在观察时更改较少的文件之一时执行任务.