Skip to content

modified style wasn't update on github page #35

@ducva

Description

@ducva

Hi,

I tried to modify some styles in stylus files. It worked well on my localhost.
But when I push to github, my modifications were gone.

Can you explain how Github build our sites with gulp?

Edit 1:

I found a problem in gulpfile.js

gulp.task('stylus', function() {
  gulp
    .src('src/styl/main.styl')
    .pipe(plumber())
    .pipe(
      stylus({
        use: [koutoSwiss(), prefixer(), jeet(), rupture()],
        compress: true,
      })
    )
    .pipe(gulp.dest('_site/assets/css/'))
    .pipe(browserSync.reload({ stream: true }))
    .pipe(gulp.dest('assets/css'))
})

Currently, pipe to 'assets/css' is after pipe(browserSync) and there is no main.css file created in 'assets/css'.
But if I move it up, pip to 'assets/css' before pipe(browserSync), it's ok

gulp.task('stylus', function() {
  gulp
    .src('src/styl/main.styl')
    .pipe(plumber())
    .pipe(
      stylus({
        use: [koutoSwiss(), prefixer(), jeet(), rupture()],
        compress: true,
      })
    )
    .pipe(gulp.dest('_site/assets/css/'))
    .pipe(gulp.dest('assets/css'))
    .pipe(browserSync.reload({ stream: true }))
})

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions