在 webpack compile 上使用 node `fs` 模块答案

【问题标题】：Use node `fs` module on webpack compile在 webpack compile 上使用 node `fs` 模块
【发布时间】：2018-01-05 10:32:34
【问题描述】：

关于我想要实现的目标。我正在构建显示文件列表的dev library。我想根据文件更改时间设置文件颜色。所以，作为生成的结果，我想要一个这样的数组：

[
  {
    lastChange: '2009-06-29T11:11:55Z',
    fileContents: {name: 'VmSome'},
  },
// ...
]

这意味着在浏览器环境中工作。这意味着所有文件相关信息都应该包含在包中。

目前我不确定这是否可能。

我正在通过 webpack require.context 获取文件列表：

require.context('./tree', true, /.js$/)

这使我可以访问文件内容和路径。但不是其他任何事情。

感谢您的关注。

【问题讨论】：

【解决方案1】：

我会先尝试修改 webpack-file-list-plugin。到目前为止，它创建了一个 JSON，它提供了所有打包的文件、它们的名称和一些更多信息......你绝对可以添加你的代码来获取更多信息到 JSON。

【讨论】：

据我了解，这需要我的库的用户安装额外的插件才能获得这个微小的功能。
我想是的。我可能错了强硬。但我怀疑您是否会通过 webpack 以外的其他方式获取信息。我尝试查看您的 github，但无法获得有关您的工具如何工作的足够信息，因此很难判断它可以访问什么。
我的工具只使用一行代码来访问文件：require.context('./tree', true, /.js$/)。然后它只在 webpack requireContext 上运行。代码here.