Twitter bootstrap 3 “引导”;“咕噜手表”;无法创建bootstrap.min.css

Twitter bootstrap 3 “引导”;“咕噜手表”;无法创建bootstrap.min.css,twitter-bootstrap-3,gruntjs,watch,Twitter Bootstrap 3,Gruntjs,Watch,我对格伦特几乎是个新手。 我在Bootstrap3.1.1中使用了grunt,并且GruntWatch-命令运行得非常好。每次都会编译我的bootstrap.min.css文件。(我上传bootstrap.min.css) 后来我丢失了我的3.1.1 grunt文件(长话短说,我的电脑崩溃了)。 因此,现在使用Bootstrap3.2.0,我将重新启动我的工作流程 但是现在当我使用grunt-watch时,我只编译了“bootstrap.css”和“bootstrap.theme.css” 我花

我对格伦特几乎是个新手。 我在Bootstrap3.1.1中使用了grunt,并且
GruntWatch
-命令运行得非常好。每次都会编译我的bootstrap.min.css文件。(我上传bootstrap.min.css)

后来我丢失了我的3.1.1 grunt文件(长话短说,我的电脑崩溃了)。 因此,现在使用Bootstrap3.2.0,我将重新启动我的工作流程

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

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

我想要什么 我想
grunt-watch
编译缩小的“bootstrap.min.css” 那么如何调用
手表上的min.css-function呢


我很高兴能得到一些帮助。

Grunt watch只会查看文件,然后运行您设置的任务。我假设你的gruntfile里有这样的东西:

css: {
    files: [
      'bootstrap.css',
    ],
    tasks: ['less'],
  },
在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: {
        files: 'less/**/*.less',
        tasks: ['less', 'cssmin:core]
      }

在这里,您告诉它运行less任务,然后是
cssmin
任务,只要其中一个less文件在观看时被更改。

您的Grunfile.js将有一个“观看”部分,如下所示

观察:{
src:{
文件:“”,
任务:['jshint:src','quonit','concat']
},
测试:{
文件:“”,
任务:['jshint:test','qunit']
},
减:{
文件:“less/***/.less”,
任务:“更少”
}

},
以上这些都不适合我。看起来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']
  }
},
观察:{
src:{
文件:“”,
任务:['jshint:core','quonit','concat']
},
测试:{
文件:“”,
任务:['jshint:test','qunit']
},
减:{
文件:“less/***/.less”,
任务:['less','cssmin:minifyCore']
}
},

希望这能帮助别人

你能发布你的gruntfile的内容吗?@msturdy谢谢你看,这是标准gruntfile。你刚才也读了这两个问题。。。。你也可以读这两个问题。在我的中找不到类似于
cleancss:
的内容。我想被监视的文件正在被监视,所以一切都已设置好。min.css没有编译/创建。是的,有一个cssmin:core,但是我没有
选项:
,上面写着
cleancss:
?是的,很抱歉,我是基于一个通用的gruntfile配置。
cssmin:core
任务专门用于小型化。您需要创建一个新的监视任务,在编译css文件后运行
cssmin:core
,或者从终端手动运行
grunt cssmin:core
,以缩小文件。谢谢。因此,
grunt dist
worsk很好,然后cssmin运行,但我希望它也在
watch
中运行。你有如何解决这个问题的idéa吗?你已经更新了我的答案,告诉我如何将
cssmin:core
添加到watch任务中。