Mit gulp-useref mit Polymer und Angular2 Projekt

Question

versuchen wir gulp-useref mit der Angular2 App zu arbeiten, an der wir arbeiten, insbesondere die Aufgabe, die verwendet wird, um die App für die Produktion zu erstellen.

Leider schluck-useref nicht wie HTML-Import so viel, und ist mir nicht klar, ob es möglich ist, eine benutzerdefinierte Funktion zu erstellen, wie es für die Eltern useref Paket erklärt wird.

Verschiedene Dinge, die ich schon versucht habe: - mit großen Schluck-useref-Import - mit noconcat

Hat hat jemand versucht, etwas Ähnliches zu tun?

Unser Projekt auf diesen Starter Repo

Answer 1

Ok, am Ende basiert Ich habe in der Lage, es zu bekommen zu arbeiten, aber es ist einfach, herauszufinden gewesen.

So hat dies in der in der benötigt index.html (man beachte das musste ich Spin-off der Polymer-Initialisierung einer eigenen Datei)

<!-- build:js assets/webcomponents.js --> 
<script src="/assets/components/webcomponentsjs/webcomponents.js"></script> 
<!-- endinject --> 
<!-- build:js assets/polymer.js --> 
<script src="/assets/scripts/polymer.js"></script> 
<!-- endinject --> 
<!-- build:custom elements.html --> 
<link rel="import" href="/assets/components/polymer/polymer.html"> 
<link rel="import" href="/assets/components/paper-button/paper-button.html"> 
<link rel="import" href="/assets/components/paper-input/paper-input.html"> 
<!-- endinject --> 

Und das ist die Veränderung gehen build.js

gulp.src(config.assetsPath.components + '**/*.*', { 
     base: config.assetsPath.components 
    }) 
    .pipe(gulp.dest(config.build.assetPath + 'components')); 

gulp.src(config.index) 
    .pipe(useref({ 
     custom: function(content, target) { 
      return content === '/assets/components' ? target : content; 
     } 
    })) 

useref ist nach wie vor nicht in der Lage, die hTML-Dateien zu kombinieren, aber jetzt wird es die Verweise zu halten, anstatt Strippen sie