grunt: comment faire pour remplacer les chemins dans le fichier html à l'aide de tâche grunt

à l'intérieur de mon grognement de configuration si vous avez une variable qui définit un répertoire qui contient un fichier css. Maintenant, je voudrais configurer un grognement tâche d'introduire la valeur de cette variable dans un fichier html.
Par exemple, j'imagine que j'ai un index.html fichier comme suit

<!doctype html>
   <head>
      <link  href="<% pathToCss %>/styles.css">
      ...

Mais je ne trouve pas une tâche qui peut le faire pour moi. Toutes les suggestions qui grunt taks peut le faire pour moi ?

OriginalL'auteur Jeanluca Scaljeri | 2013-11-16

  1. 10

    Je viens de découvrir qu'il peut être fait avec grunt.modèle comme suit:

    template: {
        options: {
            data: {
                pathToCss: './css'
            }
        },
        demo: {
            files: [
                { '<%= ./output/index.html':  ['<%= ./input/template.html'] }
            ]
        }
    },

    Et dans le fichier d'entrée template.html) vous définissez 'pathToCss, comme suit:

    <link  href="../../<%- pathToCss %>/styles.css">

    Cependant, si je regarde le la documentation, je ne vois pas où c'est, pour rédaction!

    Est-ce la réponse de référence les tâches grunt-modèle, qui lui-même utilise grognement.modèle ? Parce que vous ne pouvez pas le faire avec grunt.modèle

    OriginalL'auteur Jeanluca Scaljeri

  2. 7

    Je pense que le grunt-remplacer emballage est ce que vous cherchez. Vous pouvez lire un fichier externe et utiliser sa valeur dans le patterns définitions comme:

    replace: {
  dist: {
    options: {
      patterns: [
        {
          match: '<% pathToCss %>',
          replacement: '<%= grunt.file.read("conf/assets-dir.txt") %>'
        }
      ]
    }
  }
}

    OriginalL'auteur Taylan Aydinli