2

JavaScript ファイルを一緒にインクルード/連結できる Gulp プラグインはありますか?

ある JavaScript ファイルのコンテンツを他のファイルに「含める」方法を試しています。含めるとは、次のようなものを意味します。

// main.js
var a = 2;
///include an-include-file.import.js

// an-include-file.import.js
var b = 5;

次のように「コンパイル」します。

// compiled.js
var a = 2;
var b = 5;

または、おそらくさらに良いのは、次のようなものです。

 // compiled.js v2
 var a = 2;

 // wrapped in an anonymous, self-calling function to isolate scope
 (function () {
     var b = 5;
 })();

私はそれを行うプラグインを自分で作成しましたが、ソース マップを使用できるようにしたいと考えています。ソース マップを自分で実装するのは、この小さなプロジェクトに費やしたいと思うよりも少し手間がかかります。

のようなものを使用できることはわかっていますがgulp-concat、順序を制御する簡単な方法はありません。新しいファイルを追加するたびに gulpfile を変更し、それらすべてを手動で一覧表示する (または複雑なパターンがたくさんある) 必要があり、これはかなり面倒です。

インポートまたはインクルードを使用して、ファイルの移動先を正確に制御し、ビルド ツールではなくスクリプト自体から制御できるものが望ましいと思います。LESS または何かがそれを行う方法と非常によく似ています。

LESS の場合、独自のスタンドアロン ファイルを生成したくない場合は、サフィックス ファイルに「.import.less」という名前を付けてから@import、他のファイルの必要な場所に配置します。これにより、1 つの巨大なファイルを作成するだけでなく、必要なファイルのみを生成することが非常に簡単になります。

4

1 に答える 1