glup.injectはまだ私は私のJavaScriptファイル注入するゴクゴクタスクを使用していrootSlash

Question

を作成します。しかし、私はまだ/publicの代わりにを参照してください

gulp.task('index', function() { 
var target = gulp.src('./public/index.html'); 
var sources = gulp.src(config.appjs.concat(config.appcss), {read: false}); 

return target.pipe(inject(sources), 
    { 

     relative: true, 
     addRootSlash : false 
     // ignorePath: /[^/]/ 
     // ignorePath: "/(\.\.\/)?\//", 

     // ignorePath: '/public' 

    }) 
    .pipe(wiredep({ 
      ignorePath: "^/" 
    })) 
    .pipe(gulp.dest('./dev')) 
    .pipe(browserSync.stream()); 
}); 

を

<script src="public/js/config/app.js"></script>

ここ：

<!-- inject:js --> 
<script src="/public/js/config/app.js"></script> 
<script src="/public/js/components/home-component.js"></script> 
<script src="/public/js/components/login-component.js"></script> 
<script src="/public/js/components/progress-bar-component.js"></script> 

これはどのように修正できますか？

Answer 1

オプションを間違って渡しています。今はpipe()にそれらを渡していますが、彼らはinject()に入る必要があります。これは次のとおりです。

gulp.task('default', function() { 

    var target = gulp.src('./public/index.html'); 
    var sources = gulp.src('./public/**/*.js', { read: false }); 

    return target.pipe(inject(sources, { relative: true, addRootSlash: false })) 
     .pipe(wiredep({ 
      ignorePath: "^/" 
     })) 
     .pipe(gulp.dest('./dev')) 
     .pipe(browserSync.stream()); 
});