2

jQuery プラグインを作成し、requirejs を使用して、プラグインをモジュール化してコーディングしやすくしています。プラグインには独自の css ファイルもあります。ここで、すべての js ファイルと css ファイルを結合して縮小したいと考えています。そのためにr.jsを使用しています。以下は、js ファイルを 1 つのファイルに連結および縮小する方法を認識している build.js 構成ファイルです。

({
    baseUrl: 'js/plugin',
    optimize: 'none', // none, uglify or uglify2
    wrap: true,
    name: '../vendor/almond',
    include: 'main',
    out: '../dist/jquery.my-plugin.min.js'
})

cssファイルも縮小するオプションを追加するにはどうすればよいですか? cssIn オプションを見ましたが、r.js に出力名をどこで伝えればよいでしょうか? モジュールを使用する必要がありますか? もしそうなら、どのように？

4

1 に答える 1

2

r.js.cssプロジェクト ディレクトリで見つかったすべてのファイルの @import url(...) リンクのコンテンツを自動的にインライン化します (したがって、複数のファイルを 1 つのマスター スタイルシートに連結します)。

ただし、現在のビルド構成では、baseUrl指定されているだけで、CSS フォルダー (おそらく、 に関連するr.js場所) についても知りません。およびプロパティを buildconfig ファイルに追加し(どちらも構成ファイルの例で詳しく説明されています)、プロジェクト ルート (つまり) を JS フォルダーと CSS フォルダーの両方を含むディレクトリに設定する必要があります。../../style/js/plugin/appDirdirappDir

ドキュメントに記載されているように、追加するには、 のappDir値をbaseUrlに対して相対的に変更する必要があることに注意してくださいappDir。

于 2013-04-04T22:13:04.420 に答える