タグ付けされた質問 「gulp」

GulpはJavaScriptビルドシステムであり、GruntのようなNode.jsベースのタスクランナーです。Gulpは、ストリームとコードオーバー構成を使用して、よりシンプルで直感的なビルドプロセスを実現します。

2
gulp globbing-ディレクトリの下のすべてを監視する方法
これはかなり馬鹿げた質問ですが、満足のいく答えを本当に見つけることができませんでした:gulp globbingを使用して、特定のディレクトリの下のすべてのサブディレクトリにあるすべてのファイルを選択するにはどうすればよいですか? 私はもう試した: './src/less' './src/less/' './src/less/*' それらのどれも動作しないようです。
108 glob  gulp 

9
gulpを実行するたびに、アサーションエラーが発生します。-タスク機能を指定する必要があります
以下のコマンドを実行しようとしていますが、残念ながらエラーが発生します。 $ gulp build 私の端末では、このアサーションエラーが発生します。ノードとNPMをアンインストールし、brewを使用して再インストールしました-Node.jsを完全にアンインストールし、最初から(Mac OS X)これらの手順で再インストールするにはどうすればよいですか?私のノードバージョンはv10.5.0で、npmバージョンは6.1.0です。 私のシステムはMacOSHighSierraです 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) at require …
108 gulp  gulp-watch 

5
Task Runner Explorerがタスクを読み込めない
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 …


4
Gulp.jsとグロビングパターンを使用して、ファイルを同じ場所(同じ宛先)に変更します。
(gulp-ruby-sassを使用して).scssファイルを.cssファイルに変換し、結果の.cssファイルを元のファイルと同じ場所に配置しようとしているgulpタスクがあります。問題は、グロビングパターンを使用しているため、元のファイルがどこに保存されているかが必ずしもわからないことです。 以下のコードでは、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ファイルは、予想よりも1つ上位のディレクトリに配置されるようです。本来あるべき場所ではproject/sass/partials、結果のファイルパスはただproject/partialsです。 これを行うためのはるかに単純な方法がある場合、私は間違いなくその解決策をさらに感謝します。ありがとう!

2
gulpを使用してディレクトリとそのファイルを選択して移動する
私は現在gulpを使用して、dist/ディレクトリをクリーンアップし、適切なファイルをクリーンディレクトリに移動するbashスクリプトを呼び出しています。スクリプトが* nix以外のファイルシステムで機能するかどうか確信がないため、gulpを使用してこれを実行します。 これまでのところ、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 

11
インストール後にGulpコマンドが見つかりません
私はgulp(globally)をインストールしましたが、次のコードを実行したため、うまくいったようです: ├── 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 

10
gulp.runは非推奨です。タスクを作成するにはどうすればよいですか?
これは、タスクの依存関係に置き換える方法がわからない合成タスクです。 ... 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 [deprecate gulp.run]
97 javascript  gulp 

1
gulp.srcにファイルへの完全なパスの配列が渡されたくないのはなぜですか?
処理したいファイルの配列をgulp.srcに渡そうとしています。これが現状の配列です。 ['bower_components/jquery/jquery.js', 'bower_components/superscrollorama/js/greensock/TweenMax.min.js', 'bower_components/superscrollorama/jquery.superscrollorama.js' ] そのgulp.srcはそれが好きではないようですが、3番目の要素が最終宛先に到達していません。 次のようなワイルドカード文字を導入すると、すべてが正常に機能することがわかりました。 ['bower_components/**/jquery.js', 'bower_components/**/js/greensock/TweenMax.min.js', 'bower_components/**/jquery.superscrollorama.js' ] しかし、なぜ?グロビングが機能する方法と何か関係がありますか?私はググってみましたが見つけられません。 多分これはグロビングの意図された目的ではないかもしれませんが、それがこのように機能するべきであると私には意味がありません。誰かが光を当てることはできますか?
94 arrays  node.js  glob  gulp 

3
Karma:コマンドラインから単一のテストファイルを実行する
だから、私はこれを探し回っていましたが、ここで「類似した」答えが見つかりましたが、私が望んでいるものとは厳密には一致していません。 カルマで単一のファイルをテストしたい場合はfit()、fdescribe()問題のファイルに対してを実行する必要があります... ただし、私がしたいのは、設定ファイルを使用してカルマを呼び出し、特定のファイルに転送できるようにすることです。そのため、ファイルを変更する必要はありません。 karma run --conf karma.conf.js --file /path/to/specific/test_file.js これを行うことは可能ですか?またはヘルパーと一緒に?(うなり声または一口を使用して?)

5
親ディレクトリに基づいてgulpでファイルをコピーして名前を変更する方法を探しています
各モジュールについて、ビルドディレクトリにコピーする必要があるいくつかのファイルがあり、これから繰り返されるコードを最小限に抑える方法を探しています。 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 


2
ASP.NET 4.5プロジェクトのVisual Studio 2015でGrunt、Bower、Gulp、NPMを使用する
Visual Studio 2015には、Grunt、Bower、Gulp、NPM for ASP.NET 5プロジェクトなどのツールのサポートが組み込まれています。 ただし、Visual Studio 2015を使用してASP.NET 4.5.2プロジェクトを作成すると、これらのツールは使用されません。クライアント側のパッケージを管理するために、nugetの代わりにbowerを使用したいと思います。 Visual Studio 2013でのこれらのツールの使用に関する情報を見つけることができます(たとえば、この質問を参照してください)。しかし、Visual Studio 2015では、これらのツールのサポートが組み込まれているため、手順が異なると思います。

2
Gulpを使用した同じディレクトリ内の複数のファイル拡張子
だから私はgulpfile.jsセットアップを持っています。 画像フォルダには、いくつかの画像があります。いくつかはpng、いくつかはjpg、いくつかはgifです。 画像フォルダ内のすべてのpng、jpg、gifをターゲットに設定したいと思います。 ** / *を使用してフォルダー内のすべてをターゲットにすることができますが、それはしたくないので、ファイルタイプに固有にする必要があります。 これを実行して、各ファイルタイプを個別に指定することもできます。 return gulp.src('./images/*.jpg', './images/*.png', './images/*.gif') しかし、それはあなた自身を繰り返すことの多くであり、より簡単な方法があるはずだと思われます。 私はこのようなものを探しています: return gulp.src('./images/*.{png, gif, jpg}') しかし、悲しいかな、上記は機能しません(または少なくとも、リストの最初のファイルタイプに対してのみ機能します)。 誰でもこれを行う方法を知っていますか? ありがとう
90 javascript  gulp 

7
UglifyJSが予期しないトークンをスローします:node_modulesでキーワード(const)
私が始めた小さなプロジェクトでは、変数を宣言するノードモジュール(npm経由でインストール)を使用しconstます。このプロジェクトの実行とテストは問題ありませんが、UglifyJSを実行するとbrowserifyが失敗します。 予期しないトークン:キーワード(const) これは、この問題が発生していない(つまり、特定のノードモジュールがない)過去のいくつかのプロジェクトで正常に使用している一般的な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'); …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.