Twitter bootstrap 3 “引导”;“咕噜手表”;无法创建bootstrap.min.css
我对格伦特几乎是个新手。 我在Bootstrap3.1.1中使用了grunt,并且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” 我花
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任务中。