Grunt ne recharge pas en direct Sass / SCSS (NodeJS) - node.js, gruntjs

J’ai un peu de mal avec Grunt, c’est la compilation de mes fichiers Sass / SCSS (.scss que j’utilise), mais cela n’a pas gagné LiveReload. J'utilise la dépendance "watch" qui intègre la fonctionnalité LiveReload.

Regarder: https://github.com/gruntjs/grunt-contrib-watch Sass / SCSS: https://github.com/gruntjs/grunt-contrib-sass

Voici ma configuration ci-dessous (pièce pertinente), quelqu'un peut-il me dire où je me trompe? Il recharge en direct pour chaque fichier et dossier.

grunt.initConfig({
connect: {
options: {
port: 9000,
hostname: "localhost"
},
livereload: {
options: {
middleware: function ( connect ) {
return [
mountFolder(connect, "app"),
lrSnippet
];
}
}
}
},
open: {
server: {
path: "http://localhost:<%= connect.options.port %>"
}
},
sass: {
app: {
files: {
"./app/css/style.min.css": "app/css/scss/style.scss"
}
}
},
watch: {
options: {
nospawn: true
},
css: {
files: "./app/css/scss/*.scss",
tasks: ["sass"],
options: {
livereload: true,
},
},
livereload: {
options: {
livereload: LIVERELOAD_PORT
},
files: [
"app/{,*/}*.html",
"app/css/{,*/}*.{css,scss,sass}",
"app/js/{,*/}*.js",
"app/img/{,*/}*.{png,jpg,jpeg,gif,webp,svg}"
]
}
}
});

Réponses:

Au lieu d'utiliser le middleware connect, essayez d'utiliser quelque chose comme ceci dans votre tâche de surveillance (syntaxe coffeescript Gruntfile ci-dessous):

watch:

livereload:
files: "path/to/generated/css"
options:
livereload: true