Gulp 没有向 index.html 添加正确的 css/js 路径答案

【问题标题】：Gulp not adding correct css/js paths to index.htmlGulp 没有向 index.html 添加正确的 css/js 路径
【发布时间】：2016-08-20 18:26:28
【问题描述】：

Bootstrap 正确加载，但自定义 styles.css 加载不正确

注意 Bootstrap 和 jQuery 文件中的 '../public'，但不在 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>

这里是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..

【问题讨论】：

标签： javascript html gulp

【解决方案1】：

/ 之前的斜线 public：

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

应该被删除，改写 ="public/.. 除非它会从你的驱动器的根目录获取路径，如果你在本地运行。

【讨论】：