PolymerとAngular2プロジェクトでgulp-userefを使用する

Question

gulp-userefは、我々が取り組んでいるAngular2アプリ、特にプロダクション用のアプリを構築するために使用するタスクで動作させようとしています。

残念ながら一気-userefはあまりHTMLのインポートを好きではない、それはそれは親userefパッケージの説明だとしてカスタム関数を作成することが可能ですなら、私には明らかではありません。私はすでに試した

異なるもの： - 一気-userefインポートを使用して - 使用して

noconcat誰でも似た何かをしようとしたのか？

私たちのプロジェクトは、このStarter Repo

Answer 1

に基づいて[OK]を、最終的に私はそれが仕事を得ることができましたが、把握することは容易ではなかったです。

だから、これは

<!-- 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 --> 

（私はスピンオフするポリマーの初期化を独自のファイルに持っていた気付か）のindex.htmlに行くことにしており、これはに必要な変化であり、 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はまだhtmlファイルを結合することはできませんが、今、それは参照を続ける代わりにストリッピングされますそれら