JS、CSSリソースローダー、管理方法

Question

歴史的な問題により、同社はリソース ローダーを使用していません。すべては使いたいものを使うことです。ページへのさまざまな参照。以前SeaJSを使っていたのですが、落とし穴が多かったように感じました。公式サイトはもうなくなってしまいました。 o(╯□╰)o。
現在主流のソリューションはどれですか?
従来のページ開発には CSS 管理が必要です。

Answer 1

1.grunt
は
grunt-rev
grunt-usemin
と一致しました2.gulp
は
gulp-rev
gulp-useref

と一致しました

Answer 2

モジュール化には 2 つのタイプがあり、1 つはクライアント (ブラウザー) 上で実装され、もう 1 つはサーバー側の前処理によって実装されます。

JS モジュール性の本質は、各モジュールが比較的独立しており、全体の状況を汚さず、依存関係も確保できることです。
クライアントでの実装は requireJS または seaJS ですが、この 2 つは構文にいくつかの違いがあるだけだと思いますが、原理は同じです。
前処理の実装は、webpack またはbrowserify です。

CSS は現在、モジュール性を実現するために基本的に前処理されており、sass やless などのさまざまなプリプロセッサを通じて実装されています。 。 。

もちろん、webpack はすべてをまとめてパッケージ化するのに十分強力です。

もちろん、要件がそれほど高くない場合は、gulp+gulp-useref を使用して、複数のファイルを 1 つに結合し、合成されたもののパスをページに書き込むことができます。 JS.