【问题标题】:Gulp run function doesn't appear to be workingGulp 运行功能似乎不起作用
【发布时间】:2018-09-24 13:16:29
【问题描述】:

/应用程序

index.html

--/sass

----style.scss

--/css

----style.css

Gulp CLI 版本 2.0.1 和本地版本 4.0.0

运行 gulp sass 正确运行 sass 函数并编译我的 sass 文件。 运行gulp sass:watch 启动手表...

如果我更改 style.scss 中的一些样式并保存我得到的文件:

但没有更改传播到 css/style.css。

gulp.task('sass', function() {
    return gulp.src('./app/sass/style.scss')
            .pipe(sass())
            .pipe(gulp.dest('./app/css/'))
});

gulp.task('sass:watch', function() {
    gulp.watch('./app/sass/*.scss', gulp.series(sass));
});

任何帮助将不胜感激。

【问题讨论】:

  • 而不是.pipe(gulp.dest('./app/css/')),你能试试这个吗,.pipe(gulp.dest('./app/css/style.css'))
  • 感谢@Code_Ninja 回复我。我试过你的建议,但还是不行。
  • 你确定你已经成功安装了sass模块吗?
  • 我这么认为?我可以直接运行 sass 函数,它编译得很好。只有手表功能会导致问题。

标签: css sass gulp gulp-sass


【解决方案1】:

如果你认为你只是在 gulp.series 中忘记了两个 'sass'

gulp.task('sass', function() {
  return gulp.src('./app/sass/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('./app/css/'));
});

gulp.task('sass:watch', function() {
  gulp.watch('./app/sass/*.scss', gulp.series('sass'));
});

【讨论】:

    猜你喜欢
    • 2021-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多