2016-04-30 11 views
1

in Visual Studio Ich habe folgende Client-Seite Projekt strutureGulp und injiziert Weg

-wwwroot 
    -app 
     -js 
     -views 
    -css 
    -images 
    -lib 
    index.html 

Mit schluck-inject möchte ich den Weg meines Javascript in der index.html injizieren:

gulp.task('injecttest', function() { 
    var target = gulp.src('wwwroot/index.html'); 
    var sources = gulp.src(['wwwroot/app/js/**/*.js'], { read: false }); 

    return target.pipe(inject(sources)).pipe(gulp.dest('wwwroot/'));; 
}); 

Die Datei gulpfile.js befindet sich außerhalb des Verzeichnisses wwwroot. hier Das Problem ist, dass in Form von in meinem index.html, die injiziert werden:? Ich habe müssen

<script src="app/js/RemoteCallServices.js"></script> 

Wie kann ich das erreichen

<script src="/wwwroot/app/js/RemoteCallServices.js"></script> 

und arbeiten

Antwort

1

Sie den Zug-injizieren können ignorePath Option

gulp.task('injecttest', function() { 
    var target = gulp.src('wwwroot/index.html'); 
    var sources = gulp.src(['wwwroot/app/js/**/*.js'], { read: false }); 

    return target.pipe(inject(sources, { ignorePath: '/wwwrooot/')).pipe(gulp.dest('wwwroot/'));; 
}); 
+0

Dies funktioniert für mich, obwohl statt, wenn 'src = "app/js/etc ..."' ich 'src ="/app/js/etc ... "'. Irgendeine Idee, wie man das zusätzliche führende '/' entfernt? – tengen

+0

Entfernen Sie das zusätzliche führende '/' aus der Eigenschaft ignorePath. Mit dem obigen Beispiel, '{ignorePath: 'wwwrooot /'}' – grimurd

+0

Update: in [dieser Thread] (https://github.com/klei/gulp-inject/issues/28) sah ich, dass ich 'addRootSlash verwenden kann : false 'sowie' ignorePath: '/ wwwrooot /' '. Behoben für mich. – tengen