启动GULP（4.0）后HTML未读取我的CSS文件_Html_Css_Gulp

启动GULP（4.0）后HTML未读取我的CSS文件

html css gulp

启动GULP（4.0）后HTML未读取我的CSS文件,html,css,gulp,Html,Css,Gulp,简而言之，我终于成功地使我的GULP过程正常运行，能够在编码时简单地跟踪和监视我的sass文件和HTML文件中的更改。一切正常，除了我的HMTL根本没有读取我的css文件。我确保我把它连接好了我将把我的gulpfile.js和HTML文件的代码放在下面 const gulp = require('gulp') const sass = require('gulp-sass') const browserSync = require('browser-sync').create() gulp

简而言之，我终于成功地使我的GULP过程正常运行，能够在编码时简单地跟踪和监视我的sass文件和HTML文件中的更改。一切正常，除了我的HMTL根本没有读取我的css文件。我确保我把它连接好了

我将把我的gulpfile.js和HTML文件的代码放在下面

const gulp = require('gulp')
const sass = require('gulp-sass')
const browserSync = require('browser-sync').create()


gulp.task('sass', function(){
    return gulp.src('app/public/scss/**/*.scss', { sourcemaps: true })
        .pipe(sass()) //gulp-sass
        .pipe(gulp.dest('app/public/css', {sourcemaps: '.'}))
        .pipe(browserSync.stream())
})

gulp.task('watch', function(){
    browserSync.init({
        server: {
            baseDir: './app/'
        }
    })
    gulp.watch('app/public/scss/*.scss', gulp.series('sass'))
    gulp.watch('app/*.html').on('change', browserSync.reload)
    
})

gulp.task('default', gulp.series('watch'))

========================

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/app/public/css/style.css" type="text/css">
</head>
<body>
    <div class="mydiv">
        <h1>Come on dude</h1>
        <p>This isn't working at all</p>
    </div>
</body>
</html>

所以是的，我没有主意了。我把一切都联系好了。我只是不明白。

欢迎来到Stack Overflow！在没有看到您的HTML文件的情况下，我们如何知道CSS的路径是正确的？我已经编辑了文章并添加了HTML代码try

href=“./app/public/CSS/style.CSS”

注意开头的

。

app/
 pages/
 public/
   /css
   /js
   /scss
index.html