Webpack Loader：如何判断当前正在加载哪个文件？

【问题标题】：Webpack Loader: How do I tell which file is currently being loaded in a loader?Webpack Loader：如何判断当前正在加载哪个文件？
【发布时间】：2019-11-14 15:14:12
【问题描述】：

当我为 webpack 构建加载器时，如何知道加载器函数中当前正在加载哪个文件？如果我只能中断某些文件，它会使调试变得更容易。通读文档，我看不到该怎么做。

【问题讨论】：

标签： webpack webpack-4

【解决方案1】：

当您在加载程序函数中时，您可以引用this.resource，这将是加载程序当前正在评估的文件的路径。

module.exports = function(source) {
    console.log(this.resource); // path/to/current/file/being/loaded.js
}

您也可以参考this.resourcePath。据我所知，他们都指向同一件事。不知道有什么区别。

【讨论】：

我在通过 Angular CLI 的主加载器进行调试时遇到了这个需求和这个问题的答案。