twitter-bootstrap-3 – Bootstrap“grunt watch”不会创建bootstrap.min.css

发布时间:2020-08-29 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了twitter-bootstrap-3 – Bootstrap“grunt watch”不会创建bootstrap.min.css编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我对咕噜几乎是新手.
我使用了带有bootstrap 3.1.1的grunt,并且grunt watch-command效果很好.我的bootstrap.min.css文件每次都被编译. (我上传我的bootstrap.min.css)

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

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

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

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

我很乐意得到一些帮助.

解决方法

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任务.

总结

以上是编程之家为你收集整理的twitter-bootstrap-3 – Bootstrap“grunt watch”不会创建bootstrap.min.css全部内容,希望文章能够帮你解决twitter-bootstrap-3 – Bootstrap“grunt watch”不会创建bootstrap.min.css所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478