7

素敵な元開発者は、会社を辞める前に私たちの生活をより困難にしたいと考え、javascriptUIフレームワーク全体を1行で開発しました。つまり...おそらく彼は開発後に台無しになりました...

重要なのは...修正する必要のあるバグがたくさんあることです。そして、コード全体を自動的にインデントするために、皆さんがどのようにアプローチするのか疑問に思っています。

ありがとう

4

1 に答える 1

21

1行でJavaScriptUIフレームワーク全体

読み取り可能な開発コードをぎこちないプロダクションコードに変換するプロセスは、ミニファイ/醜化と呼ばれます。要点では、このプロセスは本番環境で使用するためにコードを最適化します。実装に応じて、次のことを実行できます（ただしこれらに限定されません）。

  • 空白を削除してコードを圧縮します（これにより、コードが1つのライナーになります）
  • 変数と関数の名前を短いものに変更して圧縮する
  • 代替構文（ifsからternaries、fortoなどwhile）を使用して構文を圧縮する
  • デッド/到達不能コードを削除する

コード全体を自動的にインデントするために皆さんがどのようにアプローチするか

このタスクには多くのツールがあります。

  • JSとHTMLをフォーマットするためのオンラインツールであるJSBeautifierを使用できます。クイックフォーマットに便利です。Sublime Textエディターを使用する場合は、そのためのプラグインがあります。

  • Gruntを使用する場合、 JSBeautifierのオンラインバージョンと同じ機能を実行するように構築されたJSBeautifierタスクがあります。

  • Chromeには、開発ツールの[ソース]タブにきれいな印刷オプションがあります。これにより、デバッガーで圧縮されたコードがインデントされます（ファイルは変更されません）。

  • ファイルにソースマップ（コードのファイルと同じ名前で拡張子が付いているファイル）が付随している*.map場合は、幸運です。ソースマップは、生の名前と圧縮された名前のマッピングを含む辞書のようなものです。ソースマップはChromeおよびFirefox開発ツールでサポートされていますが、デフォルトでは有効になっていません。これを有効にすると、ブラウザはそれらをダウンロードし（縮小されたファイルと一緒に含まれていると想定）、開発者ツールの[ソース]タブで表示するために使用します。

于 2012-05-29T00:35:55.800 に答える