問題タブ [grunt-contrib-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.

0 投票する
1 に答える
537 参照

javascript - grunt-cli で grunt タスクオプションを上書きするには?

私はgrunt-contrib-concatを使用しており、以下のような単純な連結タスク/構成があります

したがって、コンソールを介して上記のタスクを実行しているときに、sourceMap 生成の有効化/無効化を指定できるようにしたいと考えています。ソースマップの生成には永遠にかかることがあります。

以下で試しましたが、どれもうまくいきませんでした。

ありがとう。

0 投票する
1 に答える
34 参照

javascript - スクリプトなしでケースに対して concat を実行するにはどうすればよいですか?

私の一部としてGruntfile.js

ディレクトリにスクリプトが含まれていないmain.js場合、concat が空白を生成しないようにするにはどうすればよいですか? srcスクリプトを作成する必要がないことがわかっている場合、本当に別のタスクを作成する必要がありますか?

0 投票する
0 に答える
75 参照

gruntjs - grunt contrib concat を使用して index.html からソース ファイルを取得する

私は grunt-contrib-concat を使用していますが、ベンダーの連結手順を自動化する方法が必要です。

現在、どのベンダー ライブラリを連結するかを GruntFile で手動で指定しています。

index.html から名前を取得する方法はありますか? usemin ではなく、contrib-concat プラグインだけを使用していますか?

何か案は?

0 投票する
1 に答える
4875 参照

css - CSS と Grunt 縮小の相対パス?

この質問をする前に、StackOverflow に同様の質問がいくつか 投稿されていることを指摘しておきますが、どれも問題に対する正確な解決策を提供していません。


問題

Grunt が複数の css ファイルを組み合わせて、実稼働環境用の 1 つのファイルに縮小するワークフロー セットアップがあります。

私が直面している問題は、Grunt の実行後にフォントと画像のパスが壊れていることです。それらはまだ既存の相対ファイル パスを指しているからです。

例として:

内部static/homepage/startup/common-files/css/icon-font.cssには、次の CSS ルールがあります。

私の Gruntfile では、縮小された css ファイルの出力を にstyle.min.css配置するように指定しstatic/css/custom/homepage/ます。これに伴う問題は、ファイルパスが変更され、すべてのフォントと画像の依存関係が見つからなくなり、ブラウザーで 404 ステータスが返されることです。

これを解決するために私がしたこと

この問題を解決するには、次の 2 つのオプションがあると考えました。

  1. すべての依存ファイルをコピーして、存在する新しいディレクトリに相対的になるようにしstyle.min.cssます。これの欠点は、すぐに散らかってしまい、プロジェクトのフォルダー構造が台無しになる可能性があることです!
  2. 手動で手動でパスを変更します。しかし、繰り返しになりますが、これには何の意味があるのでしょうか。Grunt は、タスクを自動化するために設計されました。

この問題を解決する方法を知っている人はいますか? 私はこれに 10 時間近く費やしましたが、あきらめ始めています。人々はGithub issue pageで問題を修正したと主張していますが、実際にどのように修正したかは誰も述べていません。

編集:

clean-css ライブラリのソース コードを調べrelativeToたところ、minifier オブジェクトにプロパティを渡すことができるようです。私はこれでぐちゃぐちゃになりましたが、まだ立ち往生しています。これでさらに進んだら、また報告します。

編集:

さて、私は最終的に、relativeTo(およびその他の) プロパティが何をするかを説明するドキュメントを見つけました。ただし、ファイル構造の構成がどうあるべきかについてはまだ正確に固執しています....


参照用の Grunt 構成ファイルは次のとおりです。

ありがとう。