Comment puis-je renommer les fichiers avec Grunt, sur la base du fichier nom du dossier parent?

J'ai a la structure suivante:

src/
    modules/
        module1/
            js/
                main.js
            scss/
                main.scss
            index.html
        module2/
            js/
                main.js
            scss/
                main.scss
            index.html

Je voudrais un grognement tâche de copie de ces à la structure suivante:

dev/
    js/
        module1.js
        module2.js
    css/
        module1.css
        module2.css
    module1.html
    module2.html

Est-il un moyen de le faire avec un plugin grunt? Si non, comment pourrais-je y parvenir?

InformationsquelleAutor keirog | 2013-03-07

85

Cela peut être fait à l'aide de la grunt-contrib-copie plugin.

La principale chose à noter est que vous pouvez changer la destination par programmation à l'aide d'une fonction renommer (qui prend dans la destination et la source de chaque fichier).

Voici une (un peu fragile) de l'échantillon Gruntfile.js qui devrait copie de votre structure souhaitée:
```
module.exports = function(grunt) {
  //Project configuration.
  grunt.initConfig({
    copy: {
      main: {
        files: [
          {
            expand: true, 
            cwd: 'src/modules/', 
            src: ['**/*.js'], 
            dest: 'dev/js/', 
            rename: function(dest, src) {
              //use the source directory to create the file
              //example with your directory structure
              //  dest = 'dev/js/'
              //  src = 'module1/js/main.js'
              return dest + src.substring(0, src.indexOf('/')) + '.js';
            }
          },
          {
            expand: true, 
            cwd: 'src/modules/', 
            src: ['**/*.scss'], 
            dest: 'dev/css/', 
            rename: function(dest, src) {
              return dest + src.substring(0, src.indexOf('/')) + '.css';
            }
          },
          {
            expand: true, 
            cwd: 'src/modules/', 
            src: ['**/*.html'], 
            dest: 'dev/', 
            rename: function(dest, src) {
              return dest + src.substring(0, src.indexOf('/')) + '.html';
            }
          }
        ]
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-copy');

  //Default task(s).
  grunt.registerTask('default', ['copy']);
};
```
- Got situation inverse: nécessaire pour déplacer des fichiers dans des dossiers différents à partir d'une seule source. Votre réponse a résolu mon problème, merci!
- également très important de noter ici est que si vous voulez ignorer certains fichiers lors du renommage, la bonne valeur de retour (par défaut) est return dest+'/'+src - ce qui va provoquer le fichier à copier à l'emplacement par défaut.
- cela permet également de régler votre problème.
- Donc, il suffit de faire une simple opération de ligne de commande comme la copie de fichiers, vous devez installer un plugin? Avez-vous d'installer un plugin pour chaque opération?
- non, vous pouvez utiliser les haut-Node.js méthodes pour filehandling, voir nodejs.org/api/fs.html bien qu'à faible niveau
- Dans mon cas, j'utilise aussi le renommer comme une fonction de filtre, et lorsque vous rencontrez des fichiers, je ne veux pas copier, je leur envoie pour '/tmp/'+dest+'/'+src. En négligeant de les renvoyer une valeur de la rename fonction provoque une erreur.
- Il semble que cela ne fonctionne plus. Il n'y a pas d'option "renommer" dans la version actuelle (0.7.0) de grunt-conrib-copie
- Je crois que le changement de nom de la fonctionnalité est en fait une fonctionnalité de grognement lui-même (et non spécifiques à grunt-contrib-copie). J'ai testé avec [email protected] et [email protected] et la fonction renommer devient encore appelée pour moi. Ici est le code de grognement qui exécute la fonction renommer. Laissez-moi savoir si il existe un moyen facile de reproduire le problème que vous rencontrez!
- Merci pour les précisions! J'ai essayé de nouveau et ça fonctionne... je ne sais pas ce que j'ai fait de mal la première fois... probablement une erreur de config
- Mon erreur est que j'ai mis "renommer" dans "options" de l'objet pour "copier", quand il appartenait à haut niveau de l'objet. Peut-être qui va aider quelqu'un :-).
InformationsquelleAutor Gloopy
5

Il n'y a pas besoin d'utiliser grunt-contrib-copy juste pour cela une fois de plus, vous pouvez maintenant profiter de grunt.file.expandMapping qui a des options de simplement changer l'extension du fichier, ou de définir une fonction qui renvoie le nom de fichier de sortie.

Voici un exemple d'un files objet dans un jade tâche de la compilation .jade modèles dans .les fichiers html:
```
files: [{
    expand: true, 
    src: "**/*.jade", 
    dest: "<%= distDir %>", 
    cwd: "<%= assetsDir %>/jade", 
    rename: function(dest, matchedSrcPath, options) {
        //return the destination path and filename:
        return (dest + matchedSrcPath).replace('.jade', '.html');
    }
}]
```
Il aurait été plus facile d'utiliser le ext: '.html' option au lieu de la rename option dans ce cas, mais je suis en utilisant rename ici, donc vous pouvez voir comment cela fonctionne.

Plus d'infos sur le ext et rename (et d'autres) options dans le grunt.fichier docs. Quelques exemples de plus ici et ici.

InformationsquelleAutor tobek
2

Vous pouvez simplement utiliser les options:
développez : true,
aplatir: vrai

Pas besoin de coutume renommer les rappels.

InformationsquelleAutor Paul0515
0

Pas exactement la réponse à votre question mais je l'ai fait ici à la recherche d' relative dest dossiers avec grunt donc... Voici comment je l'ai résolu
```
...
base: {
  files:
  [
    {
      expand: true,
      cwd: 'app/design/frontend/',
      src: ['**/Magento_Sales/email-src/*.html'],
      dest: '../../Magento_Sales/email/',
      rename: function(dest, src, expand) {
        src = path.parse(src)
        return path.join(expand.cwd, src.dir, dest, src.base);
      }
    },
  ],
}
...
```
Ce peu path.join(expand.cwd, src.dir, dest, src.base); juste de créer le chemin que j'ai besoin.

expand.cwd = app/design/frontend/

src.dir = <DYNAMIC_FOLDERS>/Magento_Sales/email-src/

dest = ../../Magento_Sales/email/

src.base = <FILE>.html

et tous ensemble, c' = app/design/frontend/<COMPANY>/<MAIN-THEME>/Magento_Sales/email/<FILE>.html

et dans ma situation, il sera désormais compiler mes e-mails html relative dossiers de destination

InformationsquelleAutor James Harrington

-1

si tu veux renommer .café de fichiers .js ou similaire, puis il suffit de l'adapter 😉

sudo npm install grunt-contrib-copie

copy: {
  rename: {
    files: [{
     expand: true,
     dot: true,
     cwd: './app/scripts',
     dest: './app/scripts/',
     src: [
       '**/*.coffee'
     ],
     rename: function(dest, src) {
       console.log(dest + src);
       return dest + src.replace('.coffee','.js');
     }
   }]
  }
},

InformationsquelleAutor Klaus Zahiragic

Vous devez vous connecter pour publier un commentaire.