如何使用webpack获取脚本中的原始文件路径？

示例代码：

//in the file app.module.js
module.exports = framework.module("app", [
    require('./api/api.module').name
])

//in the file app/api/api.module.js
module.exports = framework.module("app.api", [
])

这是两个名为“app”和“api”的依赖模块。 模块名称始终与模块文件的文件路径相同（除了module.js部分，例如文件位于app/api/api.module.js模块名称是“app.api”）。

是否可以让 webpack 在编译期间提供包含文件的文件名，以便可以完成以下操作？

//in the file app.module.js
module.exports = framework.module(__filename, [
    require('./api/api.module').name
])

//in the file app/api/api.module.js
module.exports = framework.module(__filename, [
])

Where __filename是文件夹的实际路径。

模块名称的格式并不重要，但它应该是唯一的（出于框架原因）并指向模块位置（出于调试原因）。

Update:我已经自己解决了这个问题 - 这可以通过自定义 webpack 加载器来完成，该加载器用文件路径字符串替换某个占位符。但无论如何，问题仍然悬而未决。

我知道你说过你自己解决了这个问题，但是，这是我的看法。

您的解决方案包括使用自定义加载程序，但是，也许您可​​以用不同的方式解决它。

第一步，在你的webpack.config在配置对象中添加这些：

context: __dirname, //set the context of your app to be the project directory
node: {
    __dirname: true //Allow use of __dirname in modules, based on context
},

然后，将其添加到您的插件列表中：

new webpack.DefinePlugin({
    SEPARATOR: JSON.stringify(path.sep)    
})

这将取代所有SEPARATOR对于您正在使用的系统，模块中的实例具有正确的路径分隔符（您必须require('path')在你的webpack.config为了这个工作）

最后，在您想要的任何模块中，您现在可以通过执行以下操作来获取其名称

var moduleName = __dirname.replace(new RegExp(SEPARATOR, 'g'), '.');

所以，例如

//in the file app.module.js
var moduleName = __dirname.replace(new RegExp(SEPARATOR, 'g'), '.');
module.exports = framework.module(moduleName, [
    require('./api/api.module').name
])

//in the file app/api/api.module.js
var moduleName = __dirname.replace(new RegExp(SEPARATOR, 'g'), '.');
module.exports = framework.module(moduleName, [
])