У меня есть скрипт Gruntjs, который использует grunt-newer.
Я компилирую файлы scss, использую autoprefixer с postcss, затем минимизирую css.
Моя проблема в том, что, когда я наблюдаю за всем процессом, мне нужно сохранить дважды, чтобы изменить эквивалентный файл .min.css.
вот мой Gruntfile.js:
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON("package.json"),
sass: {
dist: {
options: {
sourcemap: "none"
},
files: [
{
expand: true,
cwd: "sass",
src: ["**/*.scss"],
dest: "css",
ext: ".css"
}
]
}
},
postcss: {
options: {
map: false,
processors: [
require("autoprefixer")({
browsers: ["last 2 versions"]
})
]
},
dist: {
src: "css/**/*.css"
}
},
cssmin: {
target: {
files: [
{
expand: true,
cwd: "css",
src: [
"**/*.css",
"!**/*.min.css"
],
dest: "css",
ext: ".min.css"
}
]
}
},
watch: {
css: {
files: "**/*.scss",
tasks: ["newer:sass", "newer:postcss", "newer:cssmin"]
}
}
});
grunt.loadNpmTasks("grunt-contrib-sass");
grunt.loadNpmTasks("grunt-postcss");
grunt.loadNpmTasks("grunt-contrib-cssmin");
grunt.loadNpmTasks("grunt-newer");
grunt.loadNpmTasks("grunt-contrib-watch");
grunt.registerTask("default", ["watch"]);
};