小程序使用gulp构建,编译前会clean一下dist目录,这时开发者工具报错
小程序使用gulp来构建,gulp主要做了以下事情:
编译less
复制相关静态文件
watch文件的变化执行相关操作
其他相关编译
现在每次执行build构建的时候,gulp会clean一下dist目录,这时候开发者工具会报错(概率特别大)提示找不到各种文件,其实文件确实已经被编译出来了,并且重启一下开发者工具问题就解决了,我怀疑是开发者工具文件系统缓存方面的问题,具体报错截图如下:
相关的gulp代码如下:
// 清空dist目录下面的文件gulp.task('clean', function(cb) { return del([`${outputPath}/**`, `!${outputPath}`, `!${outputPath}/readme.md`], cb)})// copy项目文件到dist目录,使用gulp-changed只复制修改的文件gulp.task('copy', function() { return gulp.src(copyFile) .pipe(changed(outputPath)) .pipe(debug({ title: '正在复制文件:' })) .pipe(plumber()) .pipe(gulp.dest(outputPath))})// 编译lessgulp.task('less', function() { return gulp.src(lessFile) .pipe(changed(outputPath, { extension: '.wxss' })) .pipe(debug({ title: '正在less文件:' })) .pipe(plumber()) .pipe(less()) .pipe(rename(function(path) { path.extname = '.wxss' })) .pipe(gulp.dest(outputPath))})gulp.task('dev', gulp.series('clean', gulp.parallel('copy', 'replace', 'less', 'watch'))) |
