Questions tagged «gulp»

这是一个非常愚蠢的问题，但是我还没有真正找到满意的答案：如何使用gulp globbing选择某个目录下所有子目录中的所有文件？ 我试过了： './src/less' './src/less/' './src/less/*' 他们似乎都不起作用。

108 glob  gulp 

我正在尝试运行下面的命令，但不幸的是我遇到了错误。 $ gulp build 在我的终端中，我得到这个断言错误。我已经卸载了node和NPM，并使用brew重新安装了-如何完全卸载Node.js，并按照以下步骤从头开始安装（Mac OS X）。我的节点版本是v10.5.0，npm版本是6.1.0。 我的系统是MacOS High Sierra 10.13.2 assert.js:269 throw err; ^ AssertionError [ERR_ASSERTION]: Task function must be specified at Gulp.set [as _setTask] (bulkit/startup-kit/node_modules/undertaker/lib/set-task.js:10:3) at Gulp.task (startup-kit/node_modules/undertaker/lib/task.js:13:8) at Object.<anonymous> at Module._compile (internal/modules/cjs/loader.js:702:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10) at Module.load (internal/modules/cjs/loader.js:612:32) at tryModuleLoad (internal/modules/cjs/loader.js:551:12) at Function.Module._load (internal/modules/cjs/loader.js:543:3) at Module.require (internal/modules/cjs/loader.js:650:17) …

108 gulp  gulp-watch 

我正在使用VS2015和Gulp。我打开Task Runner Explorer并单击“刷新”，这将显示在日志中： Failed to run "C:\Projects\Test\Gulpfile.js"... cmd.exe /c gulp --tasks-simple Error: `libsass` bindings not found in C:\Projects\Test\node_modules\gulp-sass\node_modules\node-sass\vendor\win32-ia32-11\binding.node. Try reinstalling `node-sass`? at Object.sass.getBinaryPath (C:\Projects\Test\node_modules\gulp-sass\node_modules\node-sass\lib\extensions.js:148:11) at Object.<anonymous> (C:\Projects\Test\node_modules\gulp-sass\node_modules\node-sass\lib\index.js:16:36) at Module._compile (module.js:456:26) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Module.require (module.js:364:17) at require (module.js:380:17) at Object.<anonymous> (C:\Projects\Test\node_modules\gulp-sass\index.js:163:21) at Module._compile …

101 visual-studio  gulp  gulp-sass  visual-studio-2015  task-runner-explorer 

并不是一个专门针对gulp的问题，而是一个人如何从gulpfile.js中的package.json文件中获取信息；例如，我想要获取主页或名称，并将其用于任务中。

101 javascript  gulp 

我有一个gulp任务，试图将.scss文件转换为.css文件（使用gulp-ruby-sass），然后将生成的.css文件放到找到原始文件的位置。问题是，由于我使用的是遍历模式，因此我不一定知道原始文件的存储位置。 在下面的代码中，我尝试使用gulp-tap进入流并找出从中读取流的当前文件的文件路径： gulp.task('convertSass', function() { var fileLocation = ""; gulp.src("sass/**/*.scss") .pipe(sass()) .pipe(tap(function(file,t){ fileLocation = path.dirname(file.path); console.log(fileLocation); })) .pipe(gulp.dest(fileLocation)); }); 根据的输出console.log(fileLocation)，此代码似乎应该可以正常工作。但是，生成的CSS文件似乎比我期望的高了一个目录。结果应该在哪里project/sass/partials，文件路径应该是project/partials。 如果这样做的方法要简单得多，那么我肯定会更喜欢该解决方案。谢谢！

99 javascript  node.js  sass  gulp 

我目前正在使用gulp调用bash脚本，该脚本会清理我的dist/目录并将适当的文件移动到clean目录。我想用gulp完成此操作，因为我不确定该脚本是否可以在非* nix文件系统上运行。 到目前为止，我正在使用gulp-clean模块来清理dist/目录，但是当我尝试将所需的目录及其文件移动到dist文件夹时，这些目录为空。 var gulp = require('gulp'), clean = require('gulp-clean'); gulp.task('clean', function(){ return gulp.src(['dist/*'], {read:false}) .pipe(clean()); }); gulp.task('move',['clean'], function(){ gulp.src(['_locales', 'icons', 'src/page_action', 'manifest.json']) .pipe(gulp.dest('dist')); }); gulp.task('dist', ['move']); 调用gulp dist结果在dist/目录中填充了正确的目录，但是它们都是空的 $ ls dist/* dist/manifest.json dist/_locales: dist/icons: dist/page_action: 如何将目录及其内容复制到dist/文件夹？

98 node.js  glob  gulp 

我安装了gulp（全局），因为它运行了以下代码，所以看起来像是在工作： ├── tildify@0.2.0 ├── interpret@0.3.5 ├── pretty-hrtime@0.2.1 ├── deprecated@0.0.1 ├── archy@0.0.2 ├── minimist@0.2.0 ├── semver@2.3.2 ├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5) ├── chalk@0.5.1 (escape-string-regexp@1.0.1, ansi-styles@1.1.0, supports-color@0.2.0, strip-ansi@0.3.0, has-ansi@0.1.0) ├── gulp-util@2.2.20 (lodash._reinterpolate@2.4.1, dateformat@1.0.8-1.2.3, vinyl@0.2.3, through2@0.5.1, multipipe@0.1.1, lodash.template@2.4.1) ├── liftoff@0.12.0 (extend@1.2.1, minimist@0.1.0, resolve@0.7.4, findup-sync@0.1.3) └── vinyl-fs@0.3.5 (graceful-fs@3.0.2, lodash@2.4.1, mkdirp@0.5.0, strip-bom@0.3.1, vinyl@0.2.3, through2@0.5.1, glob-watcher@0.0.6, …

97 macos  bash  terminal  npm  gulp 

这是一个组合任务，我不知道如何用任务依赖项替换它。 ... gulp.task('watch', function () { var server = function(){ gulp.run('jasmine'); gulp.run('embed'); }; var client = function(){ gulp.run('scripts'); gulp.run('styles'); gulp.run('copy'); gulp.run('lint'); }; gulp.watch('app/*.js', server); gulp.watch('spec/nodejs/*.js', server); gulp.watch('app/backend/*.js', server); gulp.watch('src/admin/*.js', client); gulp.watch('src/admin/*.css', client); gulp.watch('src/geojson-index.json', function(){ gulp.run('copygeojson'); }); }); 相应的更改日志 https://github.com/gulpjs/gulp/blob/master/CHANGELOG.md#35 [不赞成gulp.run]

97 javascript  gulp 

我正在尝试将需要处理的文件数组传递给gulp.src。这就是它所代表的数组。 ['bower_components/jquery/jquery.js', 'bower_components/superscrollorama/js/greensock/TweenMax.min.js', 'bower_components/superscrollorama/jquery.superscrollorama.js' ] 我发现虽然gulp.src似乎并不喜欢，而且第三个元素没有使其进入最终目标。 我发现当我引入一些通配符时，一切工作正常： ['bower_components/**/jquery.js', 'bower_components/**/js/greensock/TweenMax.min.js', 'bower_components/**/jquery.superscrollorama.js' ] 但为什么？与通配符的工作方式有关吗？我已经用Google搜索，但找不到。 也许这不是实现globbing的预期目的，但对我而言，以这种方式工作并不有意义。谁能给我一些启示？

94 arrays  node.js  glob  gulp 

因此，我一直在寻找这个问题，在这里找到了“类似”的答案，但并不是我想要的。 现在，如果我想测试与因缘一个单一的文件，我需要做的fit()，fdescribe()对有问题的文件... 但是，我想要的只是能够使用配置文件调用karma，并将其定向到特定文件，因此我根本不需要修改该文件，即： karma run --conf karma.conf.js --file /path/to/specific/test_file.js 是否有可能做到这一点？或有任何帮助？（使用咕unt声或吞咽声？）

93 javascript  gruntjs  gulp  karma-runner  karma-jasmine 

对于每个模块，我都有一些文件需要复制到构建目录中，并且正在寻找一种方法来减少重复的代码： gulp.src('./client/src/modules/signup/index.js') .pipe(gulp.dest('./build/public/js/signup')); gulp.src('./client/src/modules/admin/index.js') .pipe(gulp.dest('./build/public/js/admin')); 像这样： gulp.src('./client/src/modules/(.*)/index.js') .pipe(gulp.dest('./build/public/js/$1')); 显然上述方法不起作用，是否有办法做到这一点，或者已经执行了npm？ 谢谢

91 node.js  gulp 

嗨，以前我使用grunt，因为我想知道可用的任务使用grunt --help。但与gulp使用中相同，gulp --help它不会显示。什么是知道gulp中可用任务列表的命令

91 javascript  node.js  gulp 

Visual Studio 2015内置了对诸如ASP.NET 5项目的Grunt，Bower，Gulp和NPM之类的工具的支持。 但是，当我使用Visual Studio 2015创建ASP.NET 4.5.2项目时，它没有使用这些工具。我想使用bower而不是nuget来管理客户端程序包。 我可以找到有关在Visual Studio 2013中使用这些工具的信息（例如，请参阅此问题）。但是我想Visual Studio 2015的过程有所不同，因为它内置了对这些工具的支持。

90 asp.net  gulp  bower  visual-studio-2015  asp.net-4.5 

所以我有一个gulpfile.js设置。 在图像文件夹中，我有一些图像，一些是png，一些jpg和一些gif。 我想定位图像文件夹中的所有png，jpg和gif。 我可以使用** / *来定位文件夹中的所有内容，但是我不想，我希望它特定于文件类型。 我也可以这样做，并分别指定每种文件类型： return gulp.src('./images/*.jpg', './images/*.png', './images/*.gif') 但是重复很多，似乎应该有一种更简单的方法。 我正在寻找这样的东西： return gulp.src('./images/*.{png, gif, jpg}') 但是，a，上面的方法不起作用（或者至少它仅适用于列表中的第一个文件类型） 有人知道怎么做吗？ 谢谢

90 javascript  gulp 

我开始的一个小项目使用一个节点模块（通过npm安装）声明：const变量。运行并测试该项目很好，但是执行UglifyJS时browserify失败。 意外令牌：关键字（常量） 这是一个通用的Gulp文件，我已经成功地将其用于过去的其他一些项目，而没有出现此问题（即没有该特定的节点模块）。 gulpfile.js 'use strict'; const browserify = require('browserify'); const gulp = require('gulp'); const source = require('vinyl-source-stream'); const derequire = require('gulp-derequire'); const buffer = require('vinyl-buffer'); const uglify = require('gulp-uglify'); const sourcemaps = require('gulp-sourcemaps'); const gutil = require('gulp-util'); const path = require('path'); const pkg = require('./package'); const upperCamelCase = require('uppercamelcase'); …

90 javascript  npm  gulp  babeljs  uglifyjs2