gruntjs - serve - grunt tutorial

Compilador de jade Grunt llenando atributos vacíos

Question

Estoy usando el módulo grunt-contrib-jade para compilar mis plantillas de Jade, si dejo mi atributo en blanco como en la siguiente línea:

article(ui-view)

Se compilará para:

<article ui-view="ui-view"></article>

Y eso romperá mi ui-router AngularJS, ya que no manejará la directiva "ui-view" como si fuera una vista con nombre (no es lo que quiero). Por supuesto, es una opción escribir mi archivo de jade como este:

article(ui-view='''')

Pero eso no es lo que quiero, ¿hay alguna manera de evitar que el compilador de jade complete los atributos vacíos?

Answer 1

Use html puro en su jade: <div ui-view></div>

Answer 2

Todo parece estar bien cuando hay doctype html al comienzo del archivo .jade .

Para los parciales que no tienen doctype , también se pueden resolver pasando {doctype: ''html''} como opción al llamar a Jade:

jade -O "{doctype:''html''}" partial.jade

Funciona también para grunt-contrib-jade añadiendo doctype: ''html'' a las opciones, así:

jade: {
  devel: {
    options: {
      pretty: true,
      doctype: ''html''
    },
    files: [{
      expand: true,
      cwd: ''src'',
      src: [ ''**/*.jade'' ],
      dest: ''app'',
      ext: ''.html''
    }]
  }
}