Utilisation de grunt-contrib-less en ligne. Générer un fichier CSS pour chaque fichier

Question

J'essaie d'utiliser la tâche grunt-contrib-less grunt pour compiler mes fichiers less à css. Ce que je voudrais faire est de les compiler en ligne, de sorte que chaque fichier .less crée un seul fichier .css.

Flux de travail:

1) Système de fichiers initial:

someFolder2 
    joe.less 
    rachel.less 
    someSubFolderA 
     jake.less 
     bob.less 
someFolder4 
    someSubFolderB 
     ally.less 

2) exécuter grunt less

3) Système de fichiers:

someFolder2 
    joe.less 
    rachel.less 
    joe.css 
    rachel.css 
    someSubFolderA 
     jake.less 
     bob.less 
     jake.css 
     bob.css 
someFolder4 
    someSubFolderB 
     ally.less 
     ally.css 

J'ai joué avec différentes options mais je ne peux pas comprendre comment faire cela. Toutes les suggestions seraient grandement appréciées. Ceci est le point de départ tâche grognement J'utilise:

less: { 
    paths: [ 
     "src/someFolder2/**/*.less", 
     "src/someFolder4/**/*.less" 
    ], 
    options: { 
     // outputSourceFiles: true 
     // compress: true, 
     // sourceMap: true, 
     // sourceMapFilename: "jake.txt" 
     // outputSourceFiles: true 
    } 
} 

Ce sera (je pense) concat tous les moins de fichiers en un seul fichier CSS.

Answer 1

Vous devez définir la tâche pour grunt

options: { 
    paths: ["<%= cfg.dist %>/src/less"], 
    sourceMap: true, 
    rootpath: "<%= cfg.dist %>/", 
    relativeUrls: false, 
    cleancss: false 
}, 

test: { 
    files: [ 
     { 
      expand: true, 
      cwd: '<%= cfg.dist %>/src/less/', 
      src: ['*.less'], 
      dest: '<%= cfg.dist %>/build/css/', 
      ext: '.css' 
     } 
    ] 
} 

/src/moins/- emplacement de vos fichiers moins

/build/css/- dossier où css sera généré