Question

这是我的项目

 - Project root

 |-  build
     |-css
     |-js
     |-index.html

 |-  src
     |- css
     |- js
     |-index.html

 |-gulpfile.js

我使用gulp并想将build / scc和build / js文件注入src / index.html并将其作为build / index.html

完成此事：

gulp.task('index', function () {
  var target = gulp.src('src/index.html');
  var sources = gulp.src(['build/js/*.js', 'build/styles/*.css'], { ignorePath: 'build/', addRootSlash: false });
  return target.pipe(inject(sources))
    .pipe(gulp.dest('build'));
});

我需要跳过＆＃39; / build /＆＃39;部分但仍然在输出html文件显示：

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

Answer 1

- Project root

 |-  build
     |-css
     |-js
     |-index.html

 |-  src
     |- css
     |- js
     |-index.html

 |-gulpfile.js

现在我们位于index.html目录（文件夹）中的build，我们需要向后退一步才能访问src目录，..将是当前目录的父目录（表示build）

然后你可以使用它：

<link rel="stylesheet" href="../build/styles/app.min.css">

阅读有关relative and absolute path的更多信息将有助于您了解有关此内容的更多信息

在css注入上设置正确的目录

1 个答案: