Question

我的目录看起来像那样：

|-project
   -gulpfile.js  
   |-build
     -index.html
     |-js
       -app.min.js
       -vendors.min.js
     |-styles
       -all.css
       -vendors.min.css

我用这个gulp任务注入css和js文件：

gulp.task('index',function () {
return gulp.src('src/index.html')
    .pipe(inject(gulp.src(['**/vendors.min.css','**/vendors.min.js','**/app.min.js','**/all.css'], {read: false})))
    .pipe(gulp.dest('build'))
    .pipe(livereload());
})

我设置了一个带有node.js的本地服务器，当我执行请求时，html文件加载，但.js和.css文件由于某种原因没有连接。虽然当我检查页面的来源时输出中的代码写入路径。

 <!-- inject:css -->
<link rel="stylesheet" href="/build/styles/vendors.min.css">
<link rel="stylesheet" href="/build/styles/all.css">
<!-- endinject -->

当我将鼠标悬停在其中一个上时显示：

 http://localhost:5000/build/styles/all.css

我使用此任务来设置服务器：

gulp.task('connect', function() {
 connect.server({
   root: 'build',
   livereload: true,
    port: 5000
 });
});

修改

关于如何在悬停时使其显示为

的任何建议

localhost:5000/styles/all.css

Answer 1

如果构建文件夹是服务器的根目录，则不应将其包含在js和css文件的路径中。这是失败的，因为您正在尝试引用构建文件夹中的构建文件夹。

将您的css注入更改为以下内容：

<link rel="stylesheet" href="styles/vendors.min.css">
<link rel="stylesheet" href="styles/all.css">

样式加载本地服务器时不连接

1 个答案: