問題タブ [gulp-inject]

私は WebDev と Gulp がまったく初めてです。私は現在、実験用に独自のプロジェクトを作成しています。Angular 1 と Bootstrap を使いたいです。これまでに行ったことは、NPM 経由で Bootstrap をインストールすることです。main.less ファイルを作成します。ここに、Bootstrap.less ファイルと独自のすべての less ファイルをインポートします。この main.less ファイルは 1 つの公開 CSS ファイルにコンパイルされ、gulp-inject で index.html に挿入されます。

次に、Javascript の部分に進みます。また、index.html に挿入される 1 つの Javascript ファイルが必要です。

まず第一に、これをお勧めしますか、それとも、作成するすべての Javascript ファイルを自動的に挿入する必要がありますか?

また、フレームワークに対処するにはどうすればよいですか? require('angular')たとえば、Javascript-Fileでできることはわかっています。しかし、これをどこに置くのですか？

「gulp-inject」プラグインを使用して、js ファイルをインデックス ファイル (Angular App) に追加しようとしています。

以下は、gulpfile.js の一部です。

タスクを実行した後、結果の index.html ファイルの問題の部分は次のとおりです。

タスクで設定された追加オプションによると、出力 src は「js/app.module.js」である必要があります。

私が試したこと、結果に変化はありません：

• githubのプラグインの「ignorePath」の問題からのいくつかの提案に従います (ここをクリック)。
• オプションを 1 つだけ含める (例: addRootSlash または ignorePath)
• {cwd: 'js/'} を唯一のオプションとして使用する
• 「js」変数を文字列に変更する (つまり、var js = source + '**/*.module.js')
• ignorePath を文字列に変更する (つまり、ignorePath: 'src/')

何が間違っているのか、他に何を試すべきなのかわからない。どんな助けでも大歓迎です！

次のフォルダー構造があります

ここに私のgulpfile.jsのコピーがあります

css は挿入されていますが js は挿入されていないため、このファイルには何か問題があるはずです。

そして、これがコンソールに表示されるメッセージです。エラーが表示されていません。

gulp-store を使用してパグに注入しています。タグ/コメントのパグファイルに挿入するようにしましたが、html上にあります。パグ構文で出力するにはどうすればよいですか?

gulp-inject は event-stream では機能しません。

結果はこのようになります。

残念ながら、mainBowerFiles('**/*.js')とは合併しませんinject(es.merge(gulp.src(config.jsPath + '/**/*.js', {read: false})))

私はgulp-injectを使用して、いくつかのcssおよびjsファイルをに挿入していdist/index.htmlますdist/css/*.cssdist/js/*.js

現在、プロジェクトのベースURLからファイルを挿入していますが、ターゲットファイルからの相対ファイルリンクを挿入したいです。dist/index.html

から/dist/css/*.cssまでcss/*.css

と/dist/js/*.jsからjs/*.js

しかし、その生成は次のようになります。

これに関するヒントはありますか？

jhipster プロジェクトにngmapを挿入しようとしています。インストール後の依存関係

bower install ngmap --save

それは私の bower.json ファイルに表示されます:

Gulp は、Angular 依存関係の前に ngmap を挿入します。

エラーで何が起こるか:

ng-map.js:34 Uncaught TypeError:未定義のプロパティ「モジュール」を読み取れません

app.module.js:4 Uncaught ReferenceError: angular が定義されていません(…)

ファイルの最後に、手動で js ファイルを index.html に挿入しました。私の開発環境ではローカルで動作しますが、heroku にデプロイした後、上記と同じエラーが発生します。gulpに正しい順序で注入させるにはどうすればよいですか?

それは私のgulpfile.jsです：

inject.js :

gulp-inject を使用して index.html にリソースを挿入すると問題が発生します。

アプリ スタイル、ベンダー js コード、およびアプリ js コードの次のストリームがあります。

私がやりたいのは、index.ml を使用してこれらのリソースを注入し、次のタスクを通じて dist ディレクトリに配置することです。

これは正しく機能しますが、パスに dist ディレクトリも含まれていることが問題です。これは公開ベース ディレクトリです。

代わりに gulp-inject を構成するにはどうすればよいですか

なれ

ありがとう ：）

これは私のプロジェクトです

gulp を使用し、build/scc および build/js ファイルを src/index.html に挿入して、build/index.html として配置したい

これを行いました：

「/build/」部分をスキップする必要がありますが、まだhtmlファイルの出力には次のように表示されます: