使用GruntJS删除旧文件

时间:2015-12-20 02:34:35

标签: gruntjs

世界各地的人们。我一直在努力为静态网络应用程序自动化我的工作空间。我的文件结构的一个例子如下。我当前的grunt设置监视src文件夹中文件的更改,如果有更改,它只使用grunt-newer处理和更新已更改的文件,并将它们放在缩小的文件夹中。

我们说我从src文件夹中删除了styles.scss。然后我还需要相应的styles.css来删除。有什么办法可以让我和Grunt一起自动化吗?如上面的问题所示,我还需要知道minified文件夹中的styles.css对应于src文件夹中的styles.scss。

文件结构:

        
  •         SRC         
                  
    •                 styles.scss             
    •             
    •                 index.haml             
    •         
        
  •     
  •         缩小的         
                  
    •                 styles.css的             
    •             
    •                 file.html             
    •         
        

修改:像这样:https://github.com/tschaub/grunt-newer/issues/15 请注意,该问题没有解决方案

1 个答案:

答案 0 :(得分:1)

你可以在你的GruntFile上做这样的事情:

sass: {
    dist: {
        files: {
            'style/style.css' : 'sass/style.scss'
        }
    }
},
watch: {
    css: {
        files: '**/*.scss',
        tasks: ['clean','sass'],
        options: {
          event: ['deleted'],
        },
    }
},
clean: {
  dist: {
    files: [{
      src: [
        'dist/*.css'
      ]
    }]
  }
}

因为它,如果你删除(并且只删除).saas文件,你的dist文件夹将被自动清理,你的sass文件将重建。

使用:

一个很好的教程:http://ryanchristiani.com/getting-started-with-grunt-and-sass/

希望这有帮助!