2

私はES6モジュールをインポートするmain.jsファイルを持っています。これは、他のモジュールにも依存しています。そして、rollup.js を使用して、すべてのモジュールを 1 つのファイルにまとめます。

main.js が依存しているすべてのファイルのリストを取得するにはどうすればよいですか?

このリストを gulp.watch で使用して、ロールアップ タスクを自動的に実行し、モジュールが変更されるたびにバンドルを更新したいと考えています。/js ディレクトリ全体を監視できることはわかっていますが、より具体的にする方法はありますか?

4

1 に答える 1

3

bundleオブジェクトには、含まれるモジュールを表すオブジェクトのリストであるプロパティmodulesが含まれます。このようなファイルがある場合...

// src/main.js
import foo from './foo.js';
console.log( foo );

// src/foo.js
export default 42;

...次のように ID を取得できます。

rollup.rollup({
  entry: 'src/main.js'
}).then( bundle => {
  console.log( bundle.modules );
  // [{
  //   id: 'path/to/src/main.js'
  // },{
  //   id: 'path/to/src/foo.js'
  // }]
});

これを使用して、監視するファイルを決定できます。

于 2016-05-31T11:43:57.960 に答える