2016-08-20 60 views
0

引導加載自定義styles.css咕嘟咕嘟不正確,但不加正確的CSS/JS路徑的index.html

注意的'../public'在引導和jQuery文件,但不能在styles.css

這裏的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> 

Here's 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')); 
}); 

這裏的訪問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 

項目結構誤差

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

回答

0

斜槓/以前public

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

應該被刪除,寫這篇文章,而不是="public/..,除非它會如果你是跑步者,從你的驅動器的根目錄獲取路徑在本地。