twitter-bootstrap-3 – Bootstrap“grunt watch”不会创建boots

发布时间：2020-12-17 20:38:01 所属栏目：安全来源：网络整理

导读：我对咕噜几乎是新手. 我使用了带有bootstrap 3.1.1的grunt,并且grunt watch-command效果很好.我的bootstrap.min.css文件每次都被编译. (我上传我的bootstrap.min.css) 后来我丢失了我的3.1.1 grunt文件(长话短说我的电脑崩溃了). 所以现在使用Bootstrap 3.2.

我对咕噜几乎是新手.
我使用了带有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任务.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!