Question

世界各地的人们。我一直在努力为静态网络应用程序自动化我的工作空间。我的文件结构的一个例子如下。我当前的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 请注意，该问题没有解决方案

Answer 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文件将重建。

使用：

grunt watch：https://github.com/gruntjs/grunt-contrib-watch
grunt saas：https://github.com/gruntjs/grunt-contrib-sass
grunt clean：https://github.com/gruntjs/grunt-contrib-clean

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

希望这有帮助！

使用GruntJS删除旧文件

1 个答案: