J'essaie de faire grogner pour faire quelque chose. Mon projet ressemble à ceci:
/app
/assets
/components
/stylesheets
/less
/file1.less
/file2.less
/file3.less
/importAll.less
/css
Je veux que quand file1
, file2
, ou file3
sont enregistrés le importAll.less
le fichier est compilé en css et placé dans /css/style.css
. C'est aussi loin que je suis arrivé.
less: {
development: {
options: {
paths: ["./assets/stylesheets/less"],
yuicompress: true
},
files: {
"./assets/stylesheets/css/style.css": "./assets/stylesheets/less/importAll.less"
}
}
}
Je ne sais pas comment faire fonctionner l'observateur de fichiers.
Je l'ai fait fonctionner avec les éléments suivants!
module.exports = function(grunt) {
grunt.initConfig({
less: {
development: {
options: {
paths: ["./assets/stylesheets/less"],
yuicompress: true
},
files: {
"./assets/stylesheets/css/style.css": "./assets/stylesheets/less/style.less"
}
}
},
watch: {
files: "./assets/stylesheets/less/*",
tasks: ["less"]
}
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch');
};