jquery/javascriptをたくさん使用するウェブサイトがあります。訪問者数が大きく成長するJavaScriptの自動化の自動化
<head>
<script src="/js/jquery.js"></script>
<script src="/js/jquery_plugin_1.js"></script>
<script src="/js/jquery_plugin_2.js"></script>
<script src="/js/jquery_plugin_3.js"></script>
<script src="/js/my_scripts_1.js"></script>
<script src="/js/my_scripts_2.js"></script>
<script src="/js/my_scripts_3.js"></script>
<script src="/js/my_scripts_4.js"></script>
<!-- ...and so on -->
</head>
ので、私はこのすべてのパフォーマンスについて考え始めています:今、インデックスページで私は頭の中に含まれる約10 JavaScriptファイルを持っています。私は、すべてのjavascriptファイルを1つにまとめて収集することをお勧めします。そのため、ブラウザは1つのHTTPリクエストのみを作成する必要があります。私はそうした。今私はeverything.js
ファイルには、jquery、プラグイン、私のカスタムスクリプトを含むすべてのjavascriptが含まれています。
<head>
<!--
<script src="/js/jquery.js"></script>
<script src="/js/jquery_plugin_1.js"></script>
<script src="/js/jquery_plugin_2.js"></script>
<script src="/js/jquery_plugin_3.js"></script>
<script src="/js/my_scripts_1.js"></script>
<script src="/js/my_scripts_2.js"></script>
<script src="/js/my_scripts_3.js"></script>
<script src="/js/my_scripts_4.js"></script>
...
-->
<script src="/js/everything.js"></script>
</head>
いずれかのファイルを変更する必要があるときに楽しいことが始まります。毎回、私の変更が期待どおりに機能しているかどうかを確認するには、ファイルを圧縮してeverything.js
を更新するか、すべての古いコードのコメントを解除する必要があります。この種のワークフローでは、何かを忘れて間違えてしまうのは簡単です。
質問:この頭痛を取り除くことができる自動化されたものはありますか?何か、それは私が前に私の別のファイルを編集することを可能にし、私が変更をテストする準備ができたときにすべてを縮小して引っ張ってくれるでしょうか?
私は
SOLUTION
はあなたの助け、皆をありがとう、私は解決策を見つけたPHP5とSVNを使用しています: 私はすべて取る私のSVNのレポでpost-commit
フックを入れます私の.js
ファイルをまとめて、YUIコンプレッサを使用してそれらを縮小します。次に、私のスクリプトでは、javascript includeをフォークします。そのため、開発環境では別のjavascriptファイルが含まれますが、実稼働環境では、統合されたミニファイルが含まれます。
あなたのためのシェルスクリプトを書いて、特定のディレクトリ内のすべての '.js'ファイルを収集し、その結果を組み合わせて圧縮することができます。 – Gumbo
私はあなたのスクリプトが1つのファイルにあるときにうまく動いているかどうかチェックするべきだと思います。 –