Gulp nicht korrekt css/js Pfade Hinzufügen

Bootstrap Lasten korrekt index.html aber nicht der Brauch styles.cssGulp nicht korrekt css/js Pfade Hinzufügen

Beachten Sie die '../public' in Bootstrap und jQuery-Dateien, aber nicht auf styles.css

Hier index.html

<head> 
    <!--bower:css--> 
    <link rel="stylesheet" href="../public/lib/bootstrap/dist/css/bootstrap.css" /> 
    <!--endbower--> 
    <!--bower:js--> 
    <script src="../public/lib/jquery/dist/jquery.js"></script> 
    <script src="../public/lib/bootstrap/dist/js/bootstrap.js"></script> 
    <!--endbower--> 
    <!-- inject:css --> 
    <link rel="stylesheet" href="/public/css/styles.css"> 
    <!-- endinject --> 
    <!-- inject:js --> 
    <script src="/public/js/app.js"></script> 
    <!-- endinject --> 
</head>

Hier gulpfile.js

var gulp = require('gulp'); 

gulp.task('inject', function() { 
    var wiredep = require('wiredep').stream; 
    var inject = require('gulp-inject'); 

    var injectSrc = gulp.src(
     ['./public/css/*.css', './public/js/*.js'], 
     { read: false } 
); 

    var options = { 
     bowerJson: require('./bower.json'), 
     directory: './public/lib' 
    }; 

    return gulp.src('./views/*.html') 
      .pipe(wiredep(options)) 
      .pipe(inject(injectSrc)) 
      .pipe(gulp.dest('./views')); 
});

Hier ist der Fehler von index.html

GET file:///C:/public/css/styles.css net::ERR_FILE_NOT_FOUND 
GET file:///C:/public/js/app.js net::ERR_FILE_NOT_FOUND

Projektstruktur ist

- project 
    - public 
     - css 
     - js 
     - lib 
    - views 
    gulpfile.js 
    etc..

Quelle

2016-08-20 Jean-CS

Der Schrägstrich / vor public Zugriff auf: Sollte entfernt

<link rel="stylesheet" href="/public/css/styles.css"> 
<script src="/public/js/app.js"></script>

, schreiben Sie diese stattdessen ="public/.. es sei denn, es wird Holen Sie sich den Pfad von der Wurzel Ihrer Festplatte, wenn Sie runni sind ng lokal.

Quelle

2016-08-20 18:58:02 Nhan

Gulp nicht korrekt css/js Pfade Hinzufügen

Antwort

Verwandte Themen