私はフォーラムを持っており、すべての人の投稿に、モデレーターが投稿を確認した後、またはシンプルモーダルを使用してウィンドウでミュートする時間を入力した後、誰かをミュートできるボタンがあります。ウィンドウを表示するコードには、次のような長いコードがあります
var output = "<div id='msginfo'>...</div>";
等々。コードを使い終わったら、コードを「縮小」できるようにしたいと思います。html（通常は<と">のもの）に関しては、多くのパッカー/シュリンカーが機能しなくなります。
他のWebアプリケーションはJavaScriptファイルのHTMLをどのように管理しますか？表示されるdivは、必要になるまで非表示になっていますか？
職場では、これにICanHazを使用しています。<head>これにより、醜く読みにくいJavascriptにHTMLをインライン化することなく、HTMLテンプレート（HTMLファイルに含めることができます）からその場でDOM要素を生成できます。
あなたのような目的（固定レイアウトでモーダルを表示する）の場合、これは、モーダルをロードした瞬間にページに含めて非表示にするよりもおそらくクリーンですが、この場合も後者のソリューションにひどい問題はありません。
ちなみに、ICanHazは、ページの読み込み後にコンテンツを非同期でページに追加する場合にも優れたソリューションです。これは、フォーラムのコンテキストに関連する場合があります（たとえば、新しいページを読み込まずに新しい投稿を読み込むなど）。
私は通常、divs：display:noneプロパティを付けて非表示にし、必要に応じてJavascriptで変更して、表示されるようにします。
一方、Ajax呼び出しを行って、必要なhtmlを取得し、それを要素に追加して表示することができます。