javascript - ES6 模块：递归获取依赖文件列表

Question

我有 main.js 文件，它导入 ES6 模块，反过来，它也依赖于其他模块。我使用 rollup.js 将所有模块捆绑到单个文件中。

如何获取我的 main.js 所依赖的所有文件的列表？

我想在 gulp.watch 中使用这个列表来自动运行汇总任务，并在每次更改任何模块时更新捆绑包。我知道我可以观看整个 /js 目录，但是有没有更具体的方法？

Answer 1

该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'
  // }]
});

您可以使用它来确定要观看的文件。