Gulp src 返回空文件

2024-02-22

我正在尝试为 sass/js 编译创建 Gulp 任务,并且我还包含了用于实时重新加载的代码。它工作得很好,只是有时 gulp.src 在我编辑它们时会将空文件扔到管道中。

var gulp = require('gulp');

var sass = require('gulp-sass'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    clean = require('gulp-clean'),
    debug = require('gulp-debug'),
    livereload = require('gulp-livereload'),
    lr = require('tiny-lr'),
    server = lr(),
    spawn = require('child_process').spawn,
    node;


gulp.task('server', function() {
    if (node) node.kill();

    node = spawn('node', ['./index.js'], {stdio: 'inherit'});

    node.on('close', function (code) {
        if (code === 8) {
            gulp.log('Error detected, waiting for changes...');
        }
    });
});


gulp.task('html', function() {
    return gulp.src('./src/*.html')
        .pipe(gulp.dest('./build'))
        .pipe(livereload(server));
});


gulp.task('js', function() {
    return gulp.src(['./src/js/*.js'], { base: './' })

保存文件时,调试正在检查gulp.src输出,大多数时候它显示具有正确内容的文件,但有时这些文件是空的。

        .pipe(debug())
        .pipe(concat("all.min.js"))
        .pipe(uglify())
        .pipe(gulp.dest('./build/js'))
        .pipe(livereload(server));
});


gulp.task('scss', function() {
    return gulp.src('./src/scss/*.scss')
        .pipe(sass())
        .pipe(concat("all.css"))
        .pipe(gulp.dest('./build/css/'))
        .pipe(livereload(server));
});


gulp.task('listen', function(next) {
    server.listen(35729, function(err) {
        if (err) return console.error(err);
        next();
    });
});


gulp.task('clean', function(){
    return gulp.src(['./build/*'], {read:false})
        .pipe(clean());
});


gulp.task('watch', function() {
    gulp.watch('./src/*.html', ['html']);
    gulp.watch('./src/scss/*.scss', ['scss']);
    gulp.watch('./src/js/*.js', ['js']);
    gulp.watch('./index.js', ['server']);
});


gulp.task('default', ['clean', 'html', 'scss', 'js', 'listen', 'server', 'watch'], function () {

});

我不知道如何解决这个问题。当我运行 gulp 时,它最初总是有效,但后来gulp.watch看到变化,问题就出现了。

当我在 Sublime Text 中使用 sftp 包保存文件时,文件最终似乎为空。这很奇怪,因为使用 Vim 远程保存总是效果很好。


我不确定这是否是可行的方法,但似乎 Sublime 中的 SFTP 需要更多时间来更新服务器上的文件。即使文件尚未准备好,Gulp.watch 也会触发 gulp 任务。将 setTimeout() 添加到 gulp.watch 进程后,每次我保存时它都会工作。

gulp.watch('./src/js/*.js', function() {
        setTimeout(function () {
            gulp.start('js');
        }, 300);
    });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Gulp src 返回空文件 的相关文章

  • 在 Gulp 任务中获取相对源/目标

    假设我有一个文件 Users me app src scripts foo js 我设置了一个 gulp 任务 将该文件写入 Users me app dist scripts foo js gulp src src scripts foo
  • 如何调试 gulp-sourcemaps 不执行任何操作?

    我有一个相当标准的用例gulp sourcemaps https github com floridoo gulp sourcemaps https github com floridoo gulp sourcemaps gulp src
  • npm install 缺少模块

    在我能跑之前gulp在我的项目中我需要运行npm install 除了在我的计算机上之外 这都有效 因为我收到以下错误 Error Cannot find module socket io at Function Module resolv
  • Gulp src 返回空文件

    我正在尝试为 sass js 编译创建 Gulp 任务 并且我还包含了用于实时重新加载的代码 它工作得很好 只是有时 gulp src 在我编辑它们时会将空文件扔到管道中 var gulp require gulp var sass req
  • 如何在 Gulp 中使用 Browserify 丑化输出?

    我尝试在 Gulp 中丑化 Browserify 的输出 但它不起作用 gulpfile js var browserify require browserify var gulp require gulp var uglify requi
  • 在单个构建文件中使用带有 Traceur 的 ES6 模块

    我只是有一个简单的问题无法在任何地方找到 整个早上都在谷歌上搜索 关于 Traceur 的信息不多 而且什么时候有也不是很清楚 至少对我来说是这样 当我使用traceur转译单个输出文件并在浏览器中使用traceur runtime使用它时
  • BrowserSync Gulp 无法在 Chrome 中打开

    我尝试在 Chrome 中使用 BrowserSync 和 Gulp 在本地主机上打开我的网站 但它不起作用 默认情况下 它在 Firefox 中打开 一切正常 但是 当我更改 gulpfile js 中的参数以在 Chrome 中打开网站
  • 使用 __dirname 时如何转到父目录? [复制]

    这个问题在这里已经有答案了 目录结构 WebApiRole GulpFile js test Karma conf js 咕噜代码来自GulpFile js gulp task test function done karma start
  • gulp-nunjucks-html + gulp-data 未在手表上编译

    我编写了一个 gulp 任务来从 json 文件中获取数据并将其处理为 html 当我第一次运行构建时 这就像一个魅力 但是我设置了一个监视任务来执行此操作 尽管它会将 nunjucks 文件重建为 html 但它似乎会忽略 json 直到
  • 在 VS2015 中构建后执行 Gulp.js 任务

    我有一个基本的 Asp Net 5 站点 它使用 Gulp JS 任务来清理 复制和缩小 CSS 和 JS 文件 在任务运行程序资源管理器中运行这些任务时 一切都很好 旧脚本被删除 新脚本被复制 文件被缩小 我希望在 VS2015 中自动执
  • Gulp-sass 无法编译 scss 文件

    我正在使用 Gulp 将我的 sass 编译为 css 一个简单的任务编译style scss文件在 sass目录并将输出保存到项目的根目录中 style scss仅用于导入其他文件 sass目录 当我从命令行运行默认任务时 gulp 我收
  • gulp 任务来处理可写的文件

    我在VS2015项目中使用Gulp来运行jscs http jscs info 在 JavaScript 文件上使用fix选项集 目的是修改读取的同一文件 即源和目标相同 var gulp require gulp var jscs req
  • Gulpfile.js 加载失败

    Visual Studio 任务运行程序无法加载 gulp 文件 我用VS2017 v15 9 4然而 现在这个项目是几年前开发的 Failed to run Gulpfile js cmd exe c gulp tasks simple
  • 如何将 Istanbul Code Coverage 与转译的 Typescript 结合使用?

    我整个早上都在阅读有关此问题的文章 试图正确设置我的环境 但由于某种原因我不明白 我的设置 app source mixed js and ts scripts copied source js typescripts js transpi
  • Gulp - 处理多个主题和文件夹

    我正在努力创造一个终极gulpfile我们可以在我们的大型网站之一上使用它 一个具有多个主题 具体取决于您所在网站的部分 我试图让它只运行它需要运行的进程 而不是重新编译所有内容 让我准确地布局我想要实现的目标 文件夹结构 src mast
  • 打开 PHPStorm 项目时可以自动运行终端命令吗?

    我有一个 Gulp 工作流程 我希望在 PHPStorm 中打开我的项目时自动启动该工作流程 这可能吗 Not possible at the moment https youtrack jetbrains com issue WEB 11
  • 运行 gulp 会给出“path.js:7 throw new TypeError('Path must be a string. Received ' +spect(path));”

    在我的 WordPress 项目中我使用Laravel Elixir来处理资产 直到今天一切都正常 现在每次我跑步gulp我越来越 gulp path js 7 throw new TypeError Path must be a stri
  • Angular2 - 在 SystemJS 中导入第 3 方 javascript

    由于某种原因 fileSaver 没有被映射 angular2 jwt 工作正常 I did npm install file saver save获取文件保护程序 然后按如下方式引用它 我有一个 gulp 任务将 js 文件移动到 lib
  • 找不到模块“lodash”

    今天我尝试了解有关 Google Web Starter Kit 的更多信息 因此我关注了这些说明 https developers google com web fundamentals getting started web start
  • 如何防止 gulp-notify 破坏 Windows 中的 gulp-watch?

    我正在使用吞咽通知 https www npmjs org package gulp notify插入 这是我如何在 gulpfile js 中实现它的示例 您可以看到我也在使用 gutil 和 livereload 我不知道它们是否发挥任

随机推荐

  • 如何在express.js中制作动态中间件链

    我目前正在开发一个 API 管理器来控制现有 API 的项目 它包含 之前 和 之后 中间件的列表 这些中间件用于执行安全检查和日志记录等操作 以及一个 服务 中间件 用于向现有 API 发出 http 请求 但问题是我想让中间件的执行顺序
  • 移至 Web API RC,获取:找不到方法:'System.Web.Http.Services.DependencyResolver System.Web.Http.HttpConfiguration.get_ServiceResolver()'

    我将网站从 WebAPI Beta 移至 WebAPI RC 现在加载网站时出现错误 Method not found System Web Http Services DependencyResolver System Web Http
  • 如何在Java中获取HashMap的前10个键值

    我有这样的哈希图 apple 20 nanas 18 anggur 12 我的哈希图已经按值降序排序 我想从第一个元素哈希图中获取 10 个元素 谁能帮我 如果你使用 java 8 我会选择 List
  • 防止多个 Ionic 警报叠加

    如何检测离子 2警报 UI 组件 http ionicframework com docs v2 components alert实例已经打开 以免出现另一个警报 我最终为 Ionic Alertcontroller 编写了一个包装提供程序
  • XLSX 文件是否按定义采用 UTF-8 编码?

    我正在尝试使用 PHP 读取 XLSX 文件 使用gneustaetter XLSXReader https github com gneustaetter XLSXReader准确地说 但是 这些 XLSX 文件是由不同的公司使用不同的软
  • 为 Facebook 页面生成“永不过期”访问令牌

    我已成功通过 API C 发布到 Facebook 页面 但是当页面管理员注销时 出现以下错误 OAuthException 190 验证访问令牌时出错 会话无效 因为用户注销 如何生成永不过期的访问令牌 我需要一个不会打开 Faceboo
  • Kafka 在生产者 vs 主题上设置压缩类型

    在kafka中启用压缩的以下方式有什么区别 方法一 使用命令创建主题 bin kafka topics sh create zookeeper localhost 2181 config compression type gzip topi
  • Importxml 导入内容为空

    当我在谷歌电子表格中使用下面的公式时 我遇到错误消息导入的内容为空 IMPORTXML https www moh gov sg content moh web home pressRoom html div class article h
  • nginx 位置索引指令不起作用

    我是 nginx 的新手 我无法确定为什么我的 nginx 配置不能按预期工作 我想做的就是让 nginx 对于每个 Web 根 请求优先考虑 index html 而不是 index php 这是我的 nginx 配置 user www
  • 使用 R 重现 SPSS 因子分析

    我希望有人能指出我正确的方向 首先 我不是统计学家 我是一名软件开发人员 其任务是尝试使用 R 重现 SPSS 因子分析的结果 使用 PC 提取和最大方差旋转 我在过去一周才接触过 R 所以我试图找到我的方式 我确实发现 2010 年的这篇
  • 存在哪些基于 IP 进行人员地理定位的服务? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 人们使用什么来对一个人的 IP 进行地理定位以确定他们所在的城市 我已经尝试过 Google API 的
  • Hadley高级R书中的非标准评估

    在哈德利的高级R书籍 http adv r had co nz Computing on the language html 有一段代码我无法理解输出 f lt function x substitute x g lt function x
  • 是否可以按值删除队列元素?

    我想从队列中删除具有特定值的元素 这样的事该怎么办呢 我正在尝试创建映射和队列的并发混合 目前我尝试在这个答案 https stackoverflow com questions 7704526 is thare in stl or boo
  • Eclipse PyDev 完成挂起(再次)

    我在 Eclipse 中使用 PyDev 作为我的 Python 编辑器 就功能集而言 它很好 除了一件非常烦人的事情之外 一切都工作正常 代码完成本身运行速度很快 当我按 Alt Space 时 窗口几乎立即弹出 所有选项都在那里 顶部的
  • PHP DOM文档错误处理

    在我的应用程序中 我从 url 加载 xml 以便解析它 但有时该网址可能无效 在这种情况下我需要处理错误 我有以下代码 xdoc new DOMDocument try xdoc gt load url This line causes
  • 无法让 QueryDsl / APT 生成 Q 类

    我正在尝试在新的 Spring 项目中使用 QueryDsl 我对 QueryDsl 很陌生 对 Maven 和 Spring 也很陌生 所以我可能会缺少一些相当基本的东西 但我无法让 QueryDsl maven apt plugin 来
  • boost是否支持c++11的std::tuple的序列化?

    boost是否支持c 11的std tuple的序列化 我在 boost serialization 找不到 tuple hpp 头文件 我正在使用 boost 1 52 0 如果需要的话很乐意升级 但似乎1 53版本的变化 http ww
  • Silex - Twig_Error_Syntax:函数“路径”不存在

    根据Silex 文档 http silex sensiolabs org doc providers twig html symfony2 components integration Symfony 提供了一个 Twig 桥 它在一些 S
  • React-native run-android 卡在 99% appDebug

    I have previously shut down the react native run android still it gets stuck at 99 executing I don t seem to find any so
  • Gulp src 返回空文件

    我正在尝试为 sass js 编译创建 Gulp 任务 并且我还包含了用于实时重新加载的代码 它工作得很好 只是有时 gulp src 在我编辑它们时会将空文件扔到管道中 var gulp require gulp var sass req