微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Gulp 手表未检测到文件更改

如何解决Gulp 手表未检测到文件更改

我的 Gulp 任务正确启动,但未检测到文件更改。我正在从 starter-bootstrap 开发 wordpress 主题。 运行“npm install”和安装的所有依赖项。现在,当我运行“npm run watch”时,gulp 说:

> gulp watch

[18:01:24] Using gulpfile /mnt/c/Users/victor/Local Sites/camping-fin-de-siglo/app/public/wp-content/themes/fin-de-siglo/gulpfile.js
[18:01:24] Starting 'watch'...

就是这样,不检测文件更改。源路径是正确的。这是我的 gulpfile.js

const gulp = require( 'gulp' ),fancylog = require( 'fancy-log' ),browserSync = require( 'browser-sync' ),server = browserSync.create(),dev_url = 'http://localhost/starter-bootstrap';


/**
 * Define all source paths
 */

var paths = {
    styles: {
        src: './assets/*.scss',dest: './assets/css'
    },scripts: {
        src: './assets/*.js',dest: './assets/js'
    }
};


/**
 * Webpack compilation: http://webpack.js.org,https://github.com/shama/webpack-stream#usage-with-gulp-watch
 * 
 * build_js()
 */

function build_js() {
    const compiler = require( 'webpack' ),webpackStream = require( 'webpack-stream' );
    
    return gulp.src( paths.scripts.src )
        .pipe(
            webpackStream({
                config: require( './webpack.config.js' )
                },compiler
            )
        )
        .pipe(
            gulp.dest( paths.scripts.dest )
        )
        /*.pipe(
            server.stream() // browser Reload
        )*/;
}


/**
 * SASS-CSS compilation: https://www.npmjs.com/package/gulp-sass
 * 
 * build_css()
 */

function build_css() {
    const sass = require( 'gulp-sass' ),postcss = require( 'gulp-postcss' ),sourcemaps = require( 'gulp-sourcemaps' ),autoprefixer = require( 'autoprefixer' ),cssnano = require( 'cssnano' );
    
    const plugins = [
        autoprefixer(),cssnano(),];
    
    return gulp.src( paths.styles.src )
        .pipe(
            sourcemaps.init()
        )
        .pipe(
            sass()
                .on( 'error',sass.logError )
        )
        .pipe(
            postcss(plugins)
        )
        .pipe(
            sourcemaps.write( './' )
        )
        .pipe(
            gulp.dest( paths.styles.dest )
        )
        /*.pipe(
            server.stream() // browser Reload
        )*/;
}

/**
 * Watch task: Webpack + SASS
 * 
 * $ gulp watch
 */

gulp.task('watch',function () {
        // Modify "dev_url" constant and uncomment "server.init()" to use browser sync
        /*server.init({
            proxy: dev_url,} );*/

        gulp.watch( paths.scripts.src,build_js );
        gulp.watch( [ paths.styles.src,'./assets/scss/*.scss' ],build_css );
    }
);

有什么想法吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?