問題タブ [gulp-inject]

gulp を使用した最初の日 - gulp-inject を使用して、アプリ フォルダーに存在する html に変換されたスクリプト ファイルと jade ファイルを、Web サーバーを使用して html を提供する「一時」フォルダーに配置しようとしています。静的な html を使用しているだけなら問題なく動作しますが、jade に切り替えると、最初に gulp を実行した後にしか機能しません (最初の gulp-jade 'jade()' をまだ処理しているので推測しています)。挿入するhtmlがないので、このコードがあります（チュートリアルの途中であるため、これはgulpを使用する適切な方法ではないかもしれませんが、チュートリアルは私が好む翡翠を使用していません）

私は gulp を初めて使用し、いくつかの機能を備えた HTML5 QR コード スキャナーを生成するプロジェクトを実行しています。このスキャナーには、いくつかのサードパーティの Javascript ファイルが必要です。「gulp serve」を実行しているときは問題ありません。カメラは命令どおりに動作しますが、「gulp build」を実行しているときは JavaScript ファイルが見つかりません。これは、bower がこれらのファイルをメインの「app.js」に挿入しないためです。

「scripts.js」を適応させようとしました-次のようなgulpディレクトリ内のファイル：

しかし結果はありません... JavaScriptファイルはprojectname/src/app/scan-camera/jsqrcodescanner - ディレクトリにあります。誰かがこれに対する解決策を持っていますか?

使用例:

タスク: index.html にファイルgulp-injectを挿入するために使用します。js/**/*.js

問題: glob の変更を監視すると、パスが変更されないため、ファイルの内容が変更さjs/**/*.jsれるたびに挿入タスクを実行していることになりますが、これは不要です。.js

質問: グロブ内のファイルの追加/削除のみを監視するウォッチャーを作成するにはどうすればよいですか?

ありがとう！

ReactでJSXを使用しています。開発モードで作業中にブラウザ内 JSX トランスフォーマを使用するために、注入されたスクリプトのタイプを指定することは可能ですか?

私はGulpと多くのプラグインを使用してHTMLをテンプレート化し、HTMLを縮小しています。つまり、「gulp-file-include」、「gulp-inject」、「gulp-minify-html」など、定数を注入する方法を提供しているようには見えませんビルド時、つまり次のようなもの：

.pipe('*.html', $.gulpVar({urlpath: 'www.myurl.com'})))

次に、HTMLで変数への参照

お問い合わせ

似たようなものに最も近いのは gulp-ng-constant ですが、これは JS に挿入して Angular を使用しますが、私は Angular を使用しておらず、HTML に挿入したいと考えています。その機能を備えたgulpプラグインはありますか?

次の package.json ファイルがあります。

bower.json に対してこのタスクを実行すると、エラーが発生します。

[16:11:31] gulpfile C:\MyProject\src\MyProject\Gulpfile.js を使用しています
[16:11:31] 「wiredep」を開始しています...
[16:11:31] ./bower_components/ から Bower コンポーネントを配置しています./Views/Shared/_Layout.cshtml で
[16:11:31] 'wiredep' は 5.7 ミリ秒後にエラーになりました
プロセスはコード 1 で終了しました。
[16:11:31] ReferenceError: $ は定義されていません

$ が定義されていないのはなぜですか? どうすれば定義できますか?

私が試したのは"jquery": "2.1.4",、package.json の devDependencies に追加することです。

gulp-inject動的ターゲットで呼び出そうとしています。HTML ファイルに複数のターゲットが含まれている場合、それぞれが最後のターゲットを上書きするため、それらを別の関数に移動しようとしました。問題は、現在gulp-inject、ターゲットにアクセスできないことです (どこに到達したかをログに記録することによって決定されます)。

以下のコードは例として役立つはずです (これは単純化されていますが、何が起こっているかを示しているはずです):

HTML:

Gulpfile.js:

Bundles.js:

gulp-injectおそらくストリームに関する私の知識の欠如ですが、ファイルチャンクを取得していないように見える内部を除いて、すべて正常に動作します。プラグインは、ビューで適切なバンドルを見つけ、バンドル ファイルから挿入するスクリプトを見つけますが、ターゲット ファイルへの参照がないようです。