Articles of gulp

Visual Studio任务运行“SyntaxError:在严格模式下使用const”。

使用Win10 Pro / VS2015与“网站”项目(不是asp.net,基本网站) 当试图保存/重新加载gulpfile.js我收到错误消息(从任务运行资源pipe理器/输出) SyntaxError:在严格模式下使用const。 在目前的情况下,“吞噬变化” 我已经浏览了可用的答案和评论: SyntaxError:在严格模式下使用const SyntaxError:在严格模式下使用const? 我已经将我的版本节点更新到最新版本:6.10.30 我已经清理了caching(npm cache clean -f) 我已经使用“哪个节点”来确定节点指向最新安装的安装。 “n”不想在Windows上安装(?) 在我的情况下,环境path$(PATH)已经包含节点的全局安装,但是我需要将它移到$(DevEnvDir)path之前,这样它将获得优先级。 (在提供正确答案后添加,谢谢@baao)

吞噬空白的目录

在我的build设中,我完成了一个任务, 在所有的编译之后运行,发生了uglifying和minification。 这个任务简单地将src中的所有内容复制到尚未被早期任务触及/处理的dest目录中。 我遇到的小问题是这导致dest目录中的空目录。 有没有办法告诉gulp.src glob只包含模式匹配中的文件(如提供'is_file'标志)? 谢谢。

使用nodeJS和Gulp任务运行器自动缩小

我需要一些build议来改善节点和吞吐量的自动缩小。 主要目标是在开发模式下dynamic生成缩小文件(对于JS和LESS),并在生产模式下自动将正常文件(js和less)更改为缩小文件。 该场景包含: NodeJS和ExpressJS进行路由和环境configuration 玉作为模板引擎 吞(任务亚军) 这是我的设置: GULP 我正在使用nodemon来启动我的节点服务器的server.js。 在这个gulp文件中,我有一些任务(['watch'])来观察JS和LESS文件的变化,并在每一个变化中缩小它们。 gulp.task('nodemon', function () { nodemon({ script: 'server.js'}) .on('start', ['watch']) .on('change', ['watch']) }) 节点 在节点服务器中,我呈现视图注入和对象,它检测开发或生产模式 var env= process.env.NODE_ENV = process.env.NODE_ENV || 'development'; app.get('/', function(req, res){ res.render('index', {environment: env}); }); 玉 在视图中,将注入的对象进行比较,以便为开发模式添加正常的CSS和JS文件或为生产模式添加缩小的文件 if environment == "development" link(rel='stylesheet', href='/vendor/bootstrap/dist/css/bootstrap.css') else link(rel='stylesheet', href='/vendor/bootstrap/dist/css/bootstrap.min.css') 这是正确的方法来做到这一点? 我是否需要检查另一个选项? 每次提交应用到服务器之前,我都想避免手动缩小。 所有的build议将被接受,以改善这一点。 在服务器开发的时候更好地缩小吞吐量吗? 我如何用Azure做到这一点? […]

根据NODE_ENV设置吞吐任务

有没有办法根据设置的NODE_ENV指定一个吞咽任务? 例如在我的package.json文件中,我有这样的东西: "scripts": { "start": "gulp" } 而且我有多个gulp任务 gulp.task('development', function () { // run dev related tasks like watch }); gulp.task('production', function () { // run prod related tasks }); 如果我设置NODE_ENV=production npm start ,我可以指定只运行gulp production吗? 还是有更好的方法来做到这一点?

任务“默认”不在你的大文件中

我在我的控制台中运行gulp我得到这个错误: 任务“默认”不在你的大文件中 我的大文件看起来很好: var gulp = require('gulp'), LiveServer = require('gulp-live-server'), browserSync = require('browser-sync'); gulp.task('live-server', function () { var server = new LiveServer('server/main.js'); server.start(); }); gulp.task('serve', ['live-server'], function () { browserSync.init(null, { proxy: "http://localhost:3000", port: 9001 }); });

你如何运行吞吐量“结束”的任务,但只在当前任务结束?

我正在使用Gulp来收集前台的内容(通过gulp-front-matter插件),然后汇总后,我将其保存到另一个文件中。 在其他数据中,我保存了一堆CSS。 以下是我的compileCSS任务: var collected = []; gulp.src('./client/**/*.html') .pipe(frontMatter({ property: 'meta', remove: true })) .pipe(through.obj(function(file, enc, callback) { var css = file.meta; collected.push(css); })) .pipe(gulp.dest('./build/templates')) .on('end', function() { var cssPath = ['build', 'assets', 'css', 'compiled.css']; fs.writeFileSync(cssPath.join(path.sep), cssPath); }) ; 该任务按预期工作(请注意,这是一个简化的版本)。 一切都按预期工作,我得到一个compiled.css文件与所有的前端CSS。 但是,我发现不仅需要在我的常规css文件上使用Prefixer,而且还需要在这个新的compiled.css中使用Prefixer。 所以我创build了一个prefix任务: gulp.task('prefix', ['compileCSS', 'copy'], function() { gulp.src('./build/assets/css/*.css') .pipe(autoprefixer({ browsers: ['last 3 versions'] })) […]

如何使用gulp js重命名文件夹中的所有文件?

我在partials目录中有一堆html文件。 使用gulp js,我想缩小并将这些文件重命名为.min.html 。 请告诉我如何做到这一点。

在更新到Node v4.0.0后运行gulp-sass时出错

我更新到节点v4.0.0和之后,当我在我的项目中运行gulp时,我得到一个关于gulp-sass / node-sass错误,如下所示: 错误:未findlibsass绑定。 尝试重新安装node-sass ? 我已经尝试了垃圾邮件中的所有节点模块,并重新安装,我得到一些错误: npm WARN package.json package@0.0.0没有版本库字段。 npm WARN package.json package@0.0.0无许可证字段。 npm WARN弃用CSSselect@0.4.1:模块现在可以用'css-select' npm WARN弃用CSSwhat@0.4.7:模块现在可以用'css-what' npm WARN弃用pangyp@2.3.2:使用node-gyp @ 3 +,它做所有事情 – node-sass@2.1.1 install / Users / Jonathan / Documents / sites / wkux / ct-html-lib / node_modules / gulp-sass / node_modules / node-sass 节点脚本/ install.js 无法从https://raw.githubusercontent.com/sass/node-sass-binaries/v2.1.1/darwin-x64-node-4.0/binding.node下载文件 node-sass@2.1.1 postinstall / Users / […]

如何在浏览器同步中configuration端口

我有一个与browser-sync运行的gulp任务,默认情况下,它运行在node.js服务器的端口3000上。我想要将默认端口更改为任何其他端口,如3010。 var gulp = require('gulp'), connect = require('gulp-connect'), browserSync = require('browser-sync'); gulp.task('serve', [], function() { browserSync( { server: "../ProviderPortal" }); }); /*** 8. GULP TASKS **********/ gulp.task('default', ['serve']); 我在用: browser-sync version-2.6.1 我尝试configuration吞咽任务,如: gulp.task('serve', [], function() { browserSync( { ui: { port: 8080 }, server: "../ProviderPortal" }); }); 但它没有工作。

如何增加吞吐任务的堆栈跟踪?

$ gulp patch [17:13:27] Requiring external module coffee-script/register [17:13:28] Using gulpfile ~/source/sem-campaign.js/gulpfile.coffee [17:13:28] Starting 'bump'… [17:13:28] Starting 'add'… [17:13:28] Bumped version to: 1.0.2 [17:13:28] Bumped version to: 1.0.2 [17:13:28] Finished 'bump' after 31 ms [17:13:28] [17:13:28] Finished 'add' after 30 ms [17:13:28] Starting 'commit'… [?] enter a commit msg, eg initial commit: initial commit [17:13:32] […]