javascript - デプロイ前に JavaScript コードに何をしますか?

Question

展開プロセスに JS を縮小するステップはありますか? コメントと console.logs を残して自動的に削除できる、JavaScript 用のプリプロセッサはありますか? あなたの JavaScript マシンは GWT または Script# によって生成されていますか? 展開を自動化するために ANT または別のツールを使用していますか?

エディターからそのまま出てきたように見える JavaScript がたくさんあり、空白とコメントがたくさんあります。デプロイされたコードの状態を気にしないことによるものと、オープン Web の精神によるものはどれくらいあるのでしょうか?

score 11 · Accepted Answer

私は通常、バグがないことを確認するためにJSLintでチェックアウトしてから、 YUI コンプレッサーでパック/エンコードします。

score 4 · Accepted Answer

私の手順は次のとおりです。

Javascript Tools バンドルがインストールされた TextMate を使用して Javascript を作成します。この JSLint はファイルを保存するたびに保存され、エラーが発生したときに通知されます。
Sprocketsを使用して、さまざまな Javascript ファイルを自動的に連結します。
結果の連結を jsmin で実行して、縮小版を生成します。

最終的に、連結された lib.js ファイルと縮小された lib.min.js ファイルが作成されます。1 つは開発用、もう 1 つは本番用です。TextMate コマンドは、すべてを自動化するのに役立ちます。

スクリプトを実際に (単体) テストするための優れたソリューションをまだ探しています。

score 2 · Accepted Answer

YUI Compressorを確認してください。このコンソールアプリを使用すると、圧縮 (コメントや空白などを削除) したり、javascript ファイルを難読化したりできます。

score 2 · Accepted Answer

Douglas Crockford のJSMinです。Studio のマクロとして、また一部の大規模プロジェクトのポストビルドアイテムとして接続しました。

score 2 · Accepted Answer

FWIW、これは Javascript ソースを最小化するためのさまざまな方法に関する興味深いミニベンチマークです。

http://www.ericmmartin.com/comparison-of-javascript-compression-methods/

要するに：

HTTP プロトコルでの gzip 圧縮は本当に違いを生みます (ただし、サーバー側で CPU コストを支払う必要があります)。
縮小（空白/コメントの削除、変数名の変更など）も役立ちます。最良の結果が必要な場合は、gzip圧縮と一緒に使用してください
js ベースのデコンプレッサは役に立たない可能性が高く、サイズが小さくなる可能性はありますが、クライアントの CPU オーバーヘッドが大きくなります。

score 1 · Accepted Answer

当社の製品の 1 つで、すべての Javascript ファイルを連結し (ほとんどのファイルがほとんどのページで使用されるため、これは理にかなっています)、Javascript::Minifierを使用します。これにより、速度が大幅に向上しました。

score 1 · Accepted Answer

その多くはおそらく、接続が遅い低速のマシンでページを表示している可能性のある人々を気にせず、全員が 50Mbps の回線と 3 ギガの RAM を持っていると想定しているためです。

.NET 環境でのビルドプロセスの一環として、(手書き + プラグイン、jQuery など) JS を縮小しています。プリプロセッサはありません。これは、時間が許せば必ず行うべきことです。

PS ところで、console.log は使用していません。IE が壊れてしまうからです。代わりに、次のような単純なラッパー関数があります。

function log(stuff) {
    if (window.console && window.console.log) {
        console.log(stuff);
    }
};

score 1 · Accepted Answer

サーバー側でそれを実行し、ソースフォルダーから取得したもののキャッシュを保持するPHPスクリプトがあります。

score 0 · Accepted Answer

0

ワンワードパッカー

于 2009-06-04T18:57:05.213 に答える

score 0 · Accepted Answer

js の展開に対する私のアプローチを共有したいと思いました。このブログ投稿をご覧ください: http://www.picnet.com.au/blogs/Guido/post/2009/12/10/Javascript-runtime-compilation-using-AspNet-and-Googles-Closure-Compiler. aspx

これには、実行時に (必要に応じて) コンパイルするコード (Google のクロージャコンパイラを使用) も含まれます。

ありがとうグイド

score 0 · Accepted Answer

ろうそくに火をつけ、IE6 エラーに対する祈りを囁き、「実行」をクリックします。それは重要ですか？:)

score 0 · Accepted Answer

テキストはよく gzip/圧縮される傾向があるため、私は独自の JavaScript コードを縮小しません。
私は非常に大きな（たとえば> 100 kb）javascriptライブラリを縮小します（しかし、おそらく、そのような大きなライブラリを使用したくないでしょう（または、使用したものを出荷するだけです））。

私は、Javascript の縮小化の多くは (実際には) 宣言されたエンドユーザーのパフォーマンスの向上ではなく、JavaScript コードのある種の (無駄な) 難読化を達成するために行われていると信じがちです。

score 0 · Accepted Answer

YUI Compressor の .NET ポートもあり、次のことが可能です:-

縮小化/ファイルの結合を Visual Studio ビルド後のイベントに統合する
TFS ビルド (CI を含む) に統合する
独自のコードで dll を使用するだけの場合 (たとえば、その場での縮小)。

javascript - デプロイ前に JavaScript コードに何をしますか?

13 に答える 13

Related

Reference