問題タブ [gulp-concat]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Angular Uncaught Error: [$injector:modulerr] js ファイルを 1 つのファイルにマージした後
angular アプリケーションを作成しましたが、index.html で controllers.js、routes.js、directives.js などを個別に使用している場合、アプリケーションは正常に動作しています。しかし、gulp-concat を使用して js ファイルを 1 つの js ファイルに結合すると (HTML にファイルを含めたのと同じ順序で)、エラー Angular Uncaught Error: [$injector:modulerr] わかりませんエラーはあまり具体的ではないため、どのように進めるか
javascript - CDN リンク リストをファイルに連結する (gulp)
CDN (またはリモート) スクリプトのリスト (完全な URL 付き) があります。これを連結ファイル ( ) に変換したいall.js
。gulpでそれを行うことはできますか?言い換えれば、それは正しいツールですか?
私はgulpを初めて使用します。検索しても答えが見つかりませんでした。おそらく、検索方法がわからないか、gulpの目標を理解していませんでした。
gulp - Gulp SASS - scss をコンパイルせずに @import を使用 -> css
これはおそらく奇妙な質問だと思いますが、私に固執してください。:)
gulp sass (または他の gulp プラグイン) を使用して、複数の @import ステートメントを含む単一の .scss ファイルを読み取り、それらのすべての @import されたファイルを CSS にコンパイルされていない単一の .scss ファイルにインポート/連結することは可能ですか?
背景情報: Bootstrap と FontAwesome の基本 .scss ファイルを取得し、それらを 1 つのマスター .scss ファイルに結合しました。@import ステートメント内のすべてのファイルを単一の .scss ファイルに取得したいと考えています。
私が考えた別のオプションは、連結ツールを使用することでしたが、gulp ファイルで連結する各ファイルを手動で指定する必要はありませんか? 私が間違っている場合は修正してください。
私が探しているものの例:
輸入品
と
作る
@import
s がファイルに含まれていることに注意してくださいfinal.scss
。ただし、SCSS -> CSS からのコンパイルはありません。
javascript - Gulp babel は完了しますが、コードは更新されません
保存を押すとすぐに、gulp babel がタスクを終了し、ターミナルにメッセージが出力されます。ただし、コードはブラウザーで更新されません。飲み込んだファイルを提供するローカルの Nginx があります。更新されたコードを取得するには、何度もリロードする必要があります。
私のgulpファイル:
Gulpのデフォルトは私が実行するものです。
ただし、gulp-babel (ES5 用) がなくても問題なく動作します。更新されたコードを取得するには、ブラウザーで 1 回だけリロードする必要があります。Chromeで「devtoolsが開いている間はキャッシュを無効にする」オプションを有効にしても、ハードリフレッシュを試みましたが、うまくいきませんでした。
この理由は何でしょうか?
gulp - dev と prod を行うために、concat スクリプトと css を gulp する
連結のために実行するさまざまなタスクとコマンドが必要であり、すべてのcssファイルを1つに、すべてのスクリプトファイルを1つに(適切な順序で)醜くし、開発者バージョン用の単一ファイルをまだ持っています。
また、開発ファイルへのウォッチャーが必要です。
しかし、prod の場合、デプロイ スクリプトに gulp コマンドを追加するだけで済みます。HTMLテンプレートで複数のファイルを1つに置き換える方法がわかりません。
git - Gulp、Git、Windows: gulp-concat および gulp-uglify が原因で、コンパイルされたファイルが git で変更されたように表示されてはならない場合でも表示される
私の全体的な質問は、プリコンパイルされたファイルがまったく同じである場合に、連結されたファイルと縮小されたファイルが異なるのを防ぐ方法です。
gulp-concat と gulp-uglify を使用して JavaScript ファイルを連結および縮小するように gulp をセットアップしました。コンパイルするたびにgitが次の警告を表示することを除いて、うまく機能しています:
また、Git は、このファイルが変更されていないはずなのに、変更されていることを示しています。
私が使用しているgulpタスクは次のとおりです。
{newLine:'\r\n'}
2 番目の引数 concat 関数に追加すると、同じ問題が発生します。私も次のことを試しました(他のいくつかの投稿で見つかりました){newLine:'\n'}
が、{newLine:'\n;'}
どちらも機能しませんでした。
ところで、私はPCで開発しています。