0

私はフロントエンド開発に取り組んでおり、(非圧縮ファイルと複数ファイル) 開発環境と (圧縮ファイルと結合ファイル) ライブ環境の間で JavaScript を使用するためのソリューションを探しています。

CSS を使用したソリューションを見つけました。これは、インポートにグローバル CSS ファイルを 1 つだけ含める必要があることを意味し、ライブ環境にデプロイするときにそれらのインポートを結合して圧縮します。これは、dev と live の head への参照の追加を切り替える必要がないことを意味します。

JavaScipt の同様のソリューションに関するアイデアはありますか?

ありがとう

デイブ

4

6 に答える 6

0

jQueryを使用している場合、JavaScript 内から外部 Javascript ファイルを含めるのは非常に簡単です。これは基本的に、CSS で行ったと説明したことです。

jQuery getScript()を読んでください

于 2009-09-09T08:14:10.953 に答える
0

Charles Web デバッグ プロキシを使用できます。または似たようなものです。

チャールズは、任意の URL の代わりに任意のローカル ファイルを指定できます。そのため、ライブ JS の代わりにローカルの JS ファイルをブラウザに渡すことができます。したがって、ユーザーに表示せずに JS または CSS の変更をテストできます。

于 2009-09-09T08:21:43.490 に答える
0

私はESCを使用して、すべての独立した JavaScript を中央の JavaScript にマージおよび圧縮し、「ビルド後」タスクとして実行します。

于 2009-09-09T08:26:21.167 に答える
0

ご回答ありがとうございます。私はあなたのアイデアのいくつかを使用する解決策を考え出しました.

含めるファイルのリストを含むグローバルjsファイルがあり、開発中に実行すると、スクリプトリンクがページに書き込まれます。

次に、グローバル js ファイルを解析し、リンクしているファイルを検索し、それらを結合して 1 つのグローバル js ファイルに圧縮するスクリプトがデプロイ プロセスに含まれます。

これは、プロセス中にサーバー側のコードを必要としないことを意味します。これにより、フリーランスのフロント エンド開発者のチーム全体で物事を簡単に維持できます。

準備が整ったら、最終的なコードの束をブログに投稿します。

于 2009-09-15T10:31:53.513 に答える
0

Visual Studio の場合、ビルド後のイベントとして使用される小さなコンソール アプリケーション (誰かが言及した ESC など) を作成しました。シンプルですが、説明しているジョブを次のように自動化します。

次に、サイト プロジェクトでリソースからファイルが読み込まれ、クラスでトグルが実行されます。

List<string> files = new List<string>();
#if DEBUG
   files.Add("MyNamespace.Javascript.script1.js");
   files.Add("MyNamespace.Javascript.script2.js");
#else
   files.Add("MyNamespace.Javascript.Live.js"); // single file
#endif

// ScriptManager.Register them

JS ファイルで GZIP 圧縮を有効にして、読み込み時間をさらに短縮することもできます。Microsoft 開発環境を使用していない場合は、これを削除します。

于 2009-09-09T08:42:03.673 に答える
0

あなたの開発環境がどのように見えるかはわかりませんが、開発用にすべてのスクリプト タグを 1 つのファイルに入れ、1 つのファイル用のスクリプト タグを持つ本番用に別のファイルを作成することができます。例:development_js.extensionとproduction_js.extension.

次に、サーバー側のインクルードまたはビルド ツールを使用して、正しいファイルを HTML ファイルにマージするだけです。

于 2009-09-09T12:33:53.133 に答える