我发现Gulp 4的文档极难找到,所以我想我可能会问这里是否有人可以提供帮助.
无论如何,我对Gulp很新,并且在我尝试在我们用于开发的虚拟机上运行它之前一直使用Gulp 3没有任何问题.我的gulp文件非常直接我只是使用gulp-sass将SASS编译为css文件,该文件工作正常,但每次保存css文件时,它都会更改文件的写入权限,浏览器无法读取文件!
所以我做了一些研究,显然这是Gulp 3的问题,现在已经修复了Gulp 4 - 请参阅 - https://github.com/gulpjs/gulp/issues/1012.所以我想我会尝试Gulp 4所以我按照这里的说明更新了 - http://www.ociweb.com/resources/publications/sett/gulp-4/但是我在设置实际的gulpfile.js时遇到了实际问题因为我找不到任何文件.这就是我现在拼凑在一起但没有运气......不幸的是我的js技能缺乏!
示例Gulp 4文件在这里 - https://gist.github.com/demisx/beef93591edc1521330a
我需要gulpfile做的就是使用gulp-sass编译sass
// include gulp
var gulp = require('gulp');
// include plugins
var sass = require('gulp-sass');
var paths = {
dirs: {
build: './furniture/css'
},
sass: './furniture/sass/**/*.scss'
};
// Shared tasks
gulp.task('glob', function () {
var pattern = '.build/**/*.css';
gulp.src(pattern, { read:false })
.pipe(using());
});
// SASS
gulp.task('sass', function () {
return gulp.src(paths.sass)
.pipe(sass())
.pipe(changed(paths.dirs.build))
.pipe(gulp.dest(paths.dirs.build))
.pipe(grep('./furniture/css', { read: false, dot: …Run Code Online (Sandbox Code Playgroud) 我的gulpfile.js的一部分
const del = require('del');
const chrome_dir = 'build/chrome';
const ff_dir = 'build/firefox';
gulp.task('clean', function (cb) {
del([chrome_dir, ff_dir], cb);
});
gulp.task('default', ['clean'], function () {
gulp.start('build packages', 'JS Backend', 'i18n', 'ExtRes', 'styles', 'JS Content', 'templates');
});
Run Code Online (Sandbox Code Playgroud)
运作良好.
然后我安装了一个新系统,可能有新版本的gulp和del等等.
现在gulp在清洁后停止.
我可以手动调用所有任务,这工作正常.
只能改变del的行为......
我怎样才能解决这个问题?
我正在尝试使用 gulp sass 构建我的 sass,但出现错误:
以下任务未完成:构建、清理 您是否忘记发出异步完成信号?
gulp.task('clean', function() { return del.sync('dist'); });
gulp.task('build', gulp.series('clean', 'imagemin', 'sass', 'js', function(done) {
var buildMain = gulp.src([
'app/*.html',
'app/.htaccess'
]).pipe(gulp.dest('dist'));
var buildCss = gulp.src([
'app/css/main.min.css'
])
.pipe(gulp.dest('dist/css'));
var buildJs = gulp.src([
'app/js/scripts.min.js'
])
.pipe(gulp.dest('dist/js'));
var buildFonts = gulp.src([
'app/fonts/**/*'
])
.pipe(gulp.dest('dist/fonts'));
done(); }));
Run Code Online (Sandbox Code Playgroud) 我在gulpfile.js下面有这个。当我使用“ gulp start”运行应用程序时,它表明启动不是一个功能。我正在使用V4.0.0的glup-cli版本
const gulp = require('gulp');
const concat = require('gulp-concat');
const browserSync = require('browser-sync').create();
const scripts = require('./scripts');
const styles = require('./styles');
// Some pointless comments for our project.
var devMode = false;
gulp.task('css', function() {
gulp.src(styles)
.pipe(concat('main.css'))
.pipe(gulp.dest('dist/css'))
.pipe(browserSync.reload({
stream: true
}));
});
gulp.task('js', function() {
gulp.src(scripts)
.pipe(concat('scripts.js'))
.pipe(gulp.dest('./dist/js'))
.pipe(browserSync.reload({
stream: true
}));
});
gulp.task('html', function() {
return gulp.src('./src/templates/**/*.html')
.pipe(gulp.dest('./dist/'))
.pipe(browserSync.reload({
stream: true
}));
});
gulp.task('build', function() {
gulp.start(['css', 'js', 'html'])
});
gulp.task('browser-sync', function() {
browserSync.init(null, {
open: …Run Code Online (Sandbox Code Playgroud) 其他答案没有帮助。我在 Windows 10 上使用 Gulp 4。
运行“gulp serve”时出现以下错误
The following tasks did not complete: serve, sass
[18:48:51] Did you forget to signal async completion?
Run Code Online (Sandbox Code Playgroud)
我的 gulpfile.js
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
gulp.task('sass', function() {
return sass('./public_html/lib/scss/main.scss')
.pipe(gulp.dest('./public_html/css'))
.pipe(reload({ stream:true }));
});
gulp.task('serve', gulp.series('sass', function() {
browserSync({
server: {
baseDir: 'public_html'
}
});
gulp.watch('lib/scss/*.scss', gulp.series('sass'));
}));
Run Code Online (Sandbox Code Playgroud) 这是我的 gulpfile.js
const gulp = require('gulp');
gulp.task('default', function () {
});
Run Code Online (Sandbox Code Playgroud)
我写gulp在我的终端和回应是..
[19:47:02] Using gulpfile D:\DEV64\LearningJS\gulpfile.js
[19:47:02] Starting 'default'...
[19:47:02] The following tasks did not complete: default
[19:47:02] Did you forget to signal async completion?
Run Code Online (Sandbox Code Playgroud)
我能做什么?