1

現在、PHP minify を使用して、静的ファイル (CSS と JS) を結合および圧縮しています。PHP minify を使用すると、開発とデプロイが非常に簡単になります。なぜなら:

との 2 つのファイルがあるとします。a.jsb.jsでそれらを結合して縮小しますab.js。これで、script タグを 1 つだけ含めるだけで十分です。

<script type="text/javascript" src="http://static.example.com/min/g=ab&amp;v=7"></script>

この柔軟性により、a.js と b.js で開発すると同時に、上記の include タグを変更せずに最終的な縮小バージョンをテストできます。リリース中に変更する必要さえありません。

しかし、静的ファイルを PHP が存在しない CDN サーバーに移動したいので、アップロードする前に YUI コンプレッサーを使用して縮小および結合する必要があると思います。ここで、a.js と b.js を YUI コンプレッサーと組み合わせる場合、開発に使用した include タグを変更する必要があります。

したがって、開発するときは、次を使用する必要があります。

<script type="text/javascript" src="http://static.example.com/a.js"></script>
<script type="text/javascript" src="http://static.example.com/b.js"></script>

アップロードするときは、次を使用する必要があります。

<script type="text/javascript" src="http://static.example.com/ab.min.js"></script>

次に、2 つの行を 1 つに結合する必要があるため、問題が発生します。これを管理するための設定は何ですか?

4

2 に答える 2

0

設定ファイルでab.min.js(つまりhttp://static.example.com/ )へのベースURLを指定します。本番構成では、CDNの場所を使用します。開発構成では、自動的に縮小された場所を使用します。

于 2010-09-08T09:06:22.077 に答える
0

開発と本番用に異なるベースURLを使用することに慣れているように見えますが、2つの行を1つに結合することが問題です。

この場合、おそらくこのステップを2つに分割する必要があります。

  1. a.jsとb.jsを手動でab.jsに結合しますが、縮小しないでください。これを行う必要があるのは1回だけです。これで、開発中にab.jsのソースコードを直接操作できます。
  2. アップロードする前に、通常はビルドプロセスの自動化されたステップとして、YUIコンプレッサーを使用してab.jsを縮小します。

a.jsとb.jsを分離したままにしておきたい場合は、上記は機能せず、必要に応じてソースコードのスクリプトタグを変更する何らかのプリプロセッサが必要になる可能性があります。

于 2010-09-20T09:09:45.790 に答える