Articles of gulp

Gulp:合并文件

我有以下项目结构: my_app ├── gulpfile.js ├── package.json └── source └── locales ├ en │ ├─ core.json │ └─ ui.json ├ es │ ├─ core.json │ └─ ui.json ├ fr │ ├─ core.json │ └─ ui.json ├ … 目标:我想合并每个语言目录中的文件到一个,即: my_app ├── gulpfile.js ├── package.json └── source └── locales ├ en │ └─ strings.json ├ es │ └─ […]

Gulp / Node:加载共享库时出错:无法在静态TLS块中分配内存

尝试运行吞咽和获得这个输出 $ gulp node: error while loading shared libraries: cannot allocate memory in static TLS block 从我发现,这似乎与gcc或g ++有关,不知道它是如何与节点或吞咽。 无论哪种方式,我似乎无法运行吞咽了。 还应该提一下,今天刚刚出现。 昨天运行良好。 编辑:似乎是所有的节点命令。 试着运行npm -v来获取版本号,它有相同的输出。 与节点-v相同 运行CentOS 6.9

当我在当地安装饮用水时,我应该怎样处理166个项目?

在$ npm之后,安装gulp –save-dev npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and be fore will fail on node releases >= v7.0. Please update […]

当用户所需的任务不在gulp文件中时运行一个特定的任务

当用户提供的任务不在gulpfile时,是否有任何方法来运行特定的任务。 例如,如果用户运行gulp build并且build任务不在gulpfile那么应该运行一个特定的任务(或者默认的任务,对我来说不重要)。 作为一个类比,考虑指定的任务为gulp的404页面 。

咕嘟咕嘟咕嘟咕嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟 –

几个月前,我正在使用Windows 10上的MEAN堆栈创buildWeb应用程序。然后,我rest了一会儿,现在我试图回到它。 那时候我用gulp,browsersync,webpack和nodemon来自动化服务器重启进程,我记得一切正常。 但。 当我一个星期前尝试这个时候,它只是回复**“bash:gulp:command not found” 我卸载并重新安装了全球和本地的其他软件包,但没有区别。 我决定尝试制作一个全新的应用程序,并从头开始安装所有东西,但是我得到了相同的结果。 我已经在这个问题上花了几个小时,但是我在网上find的解决scheme都没有工作。 当我尝试在全球范围内安装gulp时,我收到一些警告:( 不知道他们是否有任何关系) npm WARN弃用minimatch@2.0.10:请更新至minimatch 3.0.2或更高版本以避免RegExp DoS问题 不推荐使用npm WARN graceful-fs@1.2.3:graceful-fs v3.0.0,之前版本的节点将失败> = v7.0。 请尽快更新至graceful-fs@ ^ 4.0.0.0。 使用'npm ls graceful-fs'在树中find它。 Gulp安装到这个位置: C:\Users\<my username>\AppData\Roaming\npm\gulp -> C:\Users\<my username>\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js 有谁知道怎么可能是我的问题? 如果有任何其他您需要的信息,请让我知道。 提前致谢!

链接吞吐任务和传递variables

我正在尝试构build一个吞咽任务,将我的JavaScript文件按照正确的顺序sorting,然后连接它们。 这意味着1->获取已安装的组件,2->将组件sorting为包含顺序,3->将已sorting的文件数组传递给concat方法。 到目前为止,我已经pipe理好了 var gulp = require('gulp'); var dependency_orderer = require('dependency-orderer'); var exec = require('child_process').exec; var bower_list, depend_array, js_depend_array; gulp.task('order-dependencies',['get-bower-list'], function(){ console.log(bower_list); // depend_array = dependency_orderer(bower_list); //console.log(depend_array); // return depend_array; }); gulp.task('get-bower-list', function(){ exec('bower list -p', function(err, stdout, stderr){ if(err) return console.log(err); bower_list = stdout; console.log(bower_list); return bower_list; }); }); gulp.task('concat-files',['order-dependencies'], function(){ }); 但问题是,我似乎无法得到我的bower_list order-dependencies任务。 […]

如何将gulp-uncss-task用于远程文件

前言 :我正在使用uncss ,正如说明所说,从命令行使用它非常简单: uncss [options] <file or url, …> eg uncss http://getbootstrap.com/examples/jumbotron/ > stylesheet.css 而且,如上所述,这与远程文件(即使是PHP脚本),以便我可以例如调用: uncss http://www.example.com/myPage.php > myPage.css 它会完美地工作。 此外,我得到它在Node.js应用程序(根据文档说明)工作: var uncss = require('uncss'); var files = [], options = { urls : ['http://www.example.com/myPage.php'], // Deprecated }; uncss(files, options, function (error, output) { console.log(output); }); 我想知道为什么Deprecated评论在urls – 我找不到任何额外的信息呢? 实际的问题 :因为我使用gulp来运行我的构build任务,我想用gulp-unss-task来实现同样的事情(解开远程文件),这样我就可以进一步将其pipe理到最小化任务。 从文档中看来,这是不可能的,但是如果有人处理过这个问题,并且可能有解决scheme,我们将不胜感激。 gulp-uncss-task的用法文档: var gulp […]

控制node.jsstream中的stream

我写了一个gulp.js任务,连接/ uglify我的javascript到app.min.js,然后当它完成时,我想注入app.min.js到我的index.jade文件中的脚本标记。 所以我正在写下一个任务,不知道node.js控制stream如何工作…(我用Promise更好)。 gulp.task('js-prod', function () { return gulp.src(['js/main.js', 'js/**/*.js', 'dist/templates.js', '!js/**/*.spec.js']) .pipe(sourcemaps.init()) .pipe(concat('app.min.js')) .pipe(gulp.dest('dist')) .pipe(ngAnnotate()) .pipe(uglify({mangle: false})) .pipe(rename('app.min.js')) .pipe(sourcemaps.write()) .pipe(gulp.dest('dist')) .on('end', function () { var target = gulp.src('./index.jade'); var sources = gulp.src(['dist/app.min.js'], {read: false}); return target.pipe(inject(sources)).pipe(gulp.dest('./')); }); }); 它似乎工作,但它是正确的方式? 请问gulp.js采取正确的asynchronous提示? 从“结束”事件? 我承诺这将是 – > return startBuildPromise().then(function(){return (injectFileScript()});

任务完成后如何告诉Gulp?

我正在尝试编写一个gulp插件来计算stream中文件的数量。 我以此为出发点 : function count() { var count = 0; function countFiles(data) { count++; // added this as per official docs: this.queue(data); } function endStream() { console.log(count + " files processed"); // not doing this as per original post, as it "ends" the gulp chain: //this.emit("end"); // so doing this instead as per official docs: […]

在CSS缩小之后Gulp同步内联CSS

我正在用Gulp内联缩小CSS的问题。 这是我的gulpfile.js: var gulp = require('gulp'), runSequence = require('run-sequence'), $ = require('gulp-load-plugins')(), browserSync = require('browser-sync'), del = require('del'); gulp.task('clean', function(){ del(['build/**']) }); /* Minifying CSS */ gulp.task('css', function(){ gulp.src('./css/*.css') .pipe($.minifyCss()) .pipe(gulp.dest('./build/css')) .pipe(browserSync.reload({stream: true})); gulp.src('./views/css/*.css') .pipe($.minifyCss()) .pipe(gulp.dest('./build/views/css')) .pipe(browserSync.reload({stream: true})); }); /* Inline CSS and Minify HTML */ gulp.task('inline-and-minify', function(){ gulp.src('./*.html') .pipe($.smoosher({ base: './build' })) .pipe($.minifyHtml()) .pipe(gulp.dest('./build')) […]