問題タブ [gulp-usemin]
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 - gulp-usemin 内の連結された css ファイルの相対パスを書き換え/reving
次の要件があります。
- css ファイルを連結します。
- 連結された css ファイルを改訂します。
- css ファイル (画像、フォントなど) によって参照される Rev リソース ファイル。ファイル参照は相対的なものであり、サードパーティからのものであるため、私はそれらを制御できません。
- revving のために css ファイル内のファイル参照を書き換え、元のファイルではなく、連結されたファイルに対して相対的なものにします。
私のプロジェクトのレイアウト:
したがって、例として、bootstrap.css は相対パス「../../fonts/glyphicons-halflings-regular.ttf」を使用して glyphicons-halflings-regular.ttf を参照します。これを相対パス「bower_components/bootstrap/fonts/glyphicons-halflings-regular-hash.ttf」に書き換える必要があります。
css ファイルを連結して出力を改訂する gulp-usemin タスクを動作させることができました。ソースマップでも動作しますが、これはおまけです (必須ではありません)。
しかし、usemin に css ファイルのパスを書き換えて、revving に合わせて調整し、それらを連結されたファイルに対して相対的にすることはできません。どうすればいいですか?css チェーンに別のプラグインが必要ですか? これが私がこれまでに持っているものです:
index.html の usemin セクションは次のとおりです。
javascript - 「gulp-usemin」に「gulp-uncss」を追加する方法
実はこれは持っているのですが、uncssプラグインを追加したいです。または、動的参照を追加する方法。
javascript - gulp-usemin で圧縮されていないファイルのみを醜くする
すべての Javascript を 1 つのファイルにまとめたいと思いscripts.js
ます。これが私の一部ですindex.html
:
現在の Gulp 構成は次のとおりです。
ご覧のように、縮小された Javascript ファイルはすでにたくさんあるので、縮小済みのファイルを醜くして貴重な時間を無駄にしたくありません。縮小されていないファイルのみを醜くするにはどうすればよいですか?
build - /dist アセンブリでの Gulp 不可解なビルド エラー
誰かがこの種のエラーを受け取ったことがありますか、またはここで何が起こっているのか教えてもらえますか?
このプロジェクトは以前は問題なく組み立てられていましたが、dist ビルドでランダムに窒息しているように見えます。
Node 0.10.33 を使用しています。
ここに私のgulpファイルがあります:
助けてください!これは私を怒らせようとしています!
javascript - gulp-usemin TypeError: パスは文字列でなければなりません。受信未定義
アプリで使用する JavaScript ファイルを縮小するために gulp-usemin を使用していますが、何らかの理由で gulp がファイルの 1 つを認識していません。私はこれをindex.htmlに持っています:
そして、これは私の gulpfile.js です:
デフォルトのタスクを実行すると、次のメッセージが表示されます。
TypeError: パスは文字列でなければなりません。受信未定義
インデックスから削除する<script src="scripts/directives/directive2/directive2.js" type="text/javascript"></script>
と、エラーなしで gulp タスクが実行され、ファイルがそこにあり、URL が正しく記述されていると確信できます。
助けてください!!
javascript - 私のgulp useminタスクにjsファイルがありません
私は gulp usemin タスクを使用して、HTML の css ファイルと js ファイルを組み合わせて最小化/醜くしています。
そしてHTMLの私のブロック:
しかし、私がこれを行った後。dist/ では、他のすべての部分は app/ と同様にうまく機能しますが、jquery-ui.jsです。jquery-ui が原因で、ページのカラー アニメーションが機能しません。
ファイル構造: ファイル構造
これはどうやってできるの?1 つの js ファイルだけが機能しませんが、他のファイルは正常に機能しますか?