gpt4 book ai didi

javascript - 为什么我的 gulp 任务不关注变化?

转载 作者:行者123 更新时间:2023-11-30 15:02:20 25 4
gpt4 key购买 nike

我在配置要观看的 gulp 文件时遇到问题。当我运行默认任务时,它会运行它应该运行的所有作业,但是如果我添加文件或更改任何 SCSS 文件,它不会运行 sass 作业(我还假设它不会运行 imagemin 或 js-watch)。

下面是我的gulp文件

var pkg = require('./package.json');
var gulp = require('gulp');

const BrowserSync = require('./gulp-tasks/browser-sync');
const Sass = require('./gulp-tasks/sass');
const Scripts = require('./gulp-tasks/scripts');
const Svg = require('./gulp-tasks/svg-sprite');
const Img = require('./gulp-tasks/img-min');

gulp.task('browser-sync-init', BrowserSync.initialize);
gulp.task('js-watch', ['js'], BrowserSync.reload);
gulp.task('reload-watch', ['copy'], BrowserSync.reload);

gulp.task('sass', Sass.build);

gulp.task('lint', Scripts.lint);
gulp.task('js', ['lint'], Scripts.build);

gulp.task('copy', function(){
gulp.src(`${pkg.config.themeRoot}/**/*.html`)
.pipe(gulp.dest(pkg.config.dist));
});

gulp.task('imagemin', Img.imgmin);

gulp.task('svg', Svg.build);

gulp.task('default', ['sass', 'js', 'imagemin', 'browser-sync-init'], function(){
gulp.watch(`${pkg.config.scss}/**/*.scss`, ['sass']);
gulp.watch(`${pkg.config.scripts}/**/*.js`, ['js-watch']);
gulp.watch(`${pkg.config.images}/source/**`, ['imagemin']);
});

这是pkg.config.scss的定义

"scss": "wp-content/themes/grpw67000/assets/scss",

我做错了什么?

最佳答案

    var pkg = require('./package.json');
var gulp = require('gulp');

const BrowserSync = require('./gulp-tasks/browser-sync');
const Sass = require('./gulp-tasks/sass');
const Scripts = require('./gulp-tasks/scripts');
const Svg = require('./gulp-tasks/svg-sprite');
const Img = require('./gulp-tasks/img-min');

gulp.task('browser-sync-init', BrowserSync.initialize);
gulp.task('js-watch', ['js'], BrowserSync.reload);
gulp.task('reload-watch', ['copy'], BrowserSync.reload);

gulp.task('sass', Sass.build);

gulp.task('lint', Scripts.lint);
gulp.task('js', ['lint'], Scripts.build);

gulp.task('copy', function(){
gulp.src(`${pkg.config.themeRoot}/**/*.html`)
.pipe(gulp.dest(pkg.config.dist));
});

gulp.task('imagemin', Img.imgmin);

gulp.task('svg', Svg.build);

// Watch task for gulp
gulp.task('watch', function () {
gulp.watch(`${pkg.config.scss}/**/*.scss`, ['sass']);
gulp.watch(`${pkg.config.scripts}/**/*.js`, ['js-watch']);
gulp.watch(`${pkg.config.images}/source/**`, ['imagemin']);
});

gulp.task('default', ['sass', 'js', 'imagemin', 'browser-sync-init', 'watch']);

尝试为 watch 功能添加一个单独的 gulp 任务。如果这不起作用,请检查

${pkg.config.scss}

正确设置路径前缀。

关于javascript - 为什么我的 gulp 任务不关注变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46322777/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com