6

私は自分のプロジェクトに非常に多くのJSとCSSをロードしています。サイトのパフォーマンスを向上させるために、Antビルドと統合されたYUICompressionから始めました。したがって、プロジェクトをビルドするたびに、「-min.js」が追加された縮小ファイルが作成されます。

例：ビルド後のmyscript.js、新しいファイル「myscript-min.js」。

これで、すべてのファイルを変更して、ページにmyscript-min.jsをロードしました。

ミニファイファイルをロードするための自動化またはより簡単な方法はありますか？

前もって感謝します！！！

4

3 に答える 3

2

コード内で、ページを読み込んでいる場所から環境 (本番または開発) を判別してみてください。たとえば、ローカル マシンで開発する場合、IP アドレス、サーバー環境変数 ( Apache SetEnvを使用)、スクリプト パスなどを確認できます。そのデータを使用して、縮小されたスクリプトを (本番環境で) ロードするか、別のスクリプトをロードします。スクリプト (開発環境)。

PHP などのサーバー側スクリプト言語を使用していると仮定しています。静的な HTML ファイルを提供している場合は、もう少し注意が必要です (動的な JavaScript の読み込みなどを考えています)。

于 2011-06-06T07:54:23.420 に答える
1

プロジェクトで PHP を使用する (できる) 場合は、縮小プロジェクトを見てください。家事のほとんどを引き受けてくれます。非圧縮バージョンの CSS および JS ファイルを自由に使用できます。これらのファイルが HTTP 経由で要求されると、minify がオンデマンドで圧縮します。

于 2011-06-06T07:59:20.533 に答える
0

PHP を使用している場合は、次のようにします。

実稼働マシンで apache 構成ファイルを編集し、この行を httpd.conf に追加します (後で apache を再起動します)。共有ホスティングでは、httpd.conf にアクセスできない場合は .htaccess を試す必要があります。

SetEnv ENVIRONMENT production

これは単に変数を apache に追加して、本番モードで実行していることを伝えます。開発用マシンで、値「production」を「development」などに変更します。

次に、PHP ファイルで、次のように、完全な JS ファイルのロードと縮小されたファイルのロードを切り替えることができます。

if(isset($_SERVER['ENVIRONMENT']) && $_SERVER['ENVIRONMENT'] == "production")
    {
        ... production minified JS here
    }
    else
    {
        ... development unminified JS here
    }
于 2013-10-21T19:27:13.797 に答える