问题描述
我的 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 (将#修改为@)