css - GruntJS:Autoprefixer 循环遍历所有 CSS 文件

Question

好的，所以我可以理解我已经设置了我的 autoprefixer 来监视我目录中的所有 CSS 文件，我的问题很可能来自于这些文件。我只是在想出如何解决它时遇到了困难。

这是我的 watch 功能的样子，

watch: {
    // _ watching scss files to compile as css
    sass: {
        files: [ ROOT_DIR + '_dev/_sass/**/*.scss' ],
        tasks: ['sass', 'autoprefixer']
    },
    // _ watching less files to compile as css
    less: {
        files: [ ROOT_DIR + '_dev/_less/**/*.less' ],
        tasks: ['less', 'autoprefixer']
    }
},

这就是我的自动前缀的样子，

autoprefixer: {
    multiple_files: {
        expand: true,
        flatten: true
    },
    no_dest: {
        src:
        [
            ROOT_DIR + '**/*.css',
            '!' + ROOT_DIR + '_dev/**/*.css',
            '!' + ROOT_DIR + 'fc-js/**/*.css'
        ]
    },
    sourcemap: {
        options: {
            map: true
        },
        src:
        [
            ROOT_DIR + '**/*.css',
            '!' + ROOT_DIR + '_dev/**/*.css',
            '!' + ROOT_DIR + 'fc-js/**/*.css'
        ]
    }
},

当我在命令提示符中键入 grunt autoprefixer 或 grunt watch 时，它会起作用

当我键入 grunt watch 时出现问题。当我保存一个 .scss 文件时，它编译为 .css 然后开始自动添加前缀，但是自动前缀器循环遍历并自动添加所有 css。这让制作对我来说真的很耗时。

有没有什么东西可以只允许更改为自动前缀的 css 文件，而 grunt 仍然能够观察所有其他 .css 文件？

Answer 1

使用https://www.npmjs.org/package/grunt-newer .它运行 Grunt 任务，其中仅包含自上次成功运行以来修改过的源文件。