如何使用webpack获取没有路径和扩展名的当前文件名？

Question

我可以使用__filename获取相对文件路径，并且确定我可以将其拆开以获取带有一些 JS-fu 的基本名称，但我想在编译时执行此操作。

DefinePlugin会让我像我想要的那样注入一些全局变量，但是 AFAICT 我不能基于当前文件拥有一个“动态”全局变量。

那么我该怎么做呢？

例如，鉴于我在文件assets/scripts/lib/components/bpm/RecordAttendancePopup.jsx ，我怎样才能让 webpack 注入一个常量，比如__basename评估为"RecordAttendancePopup" ？

Answer 1

这是我在webpack.config.js ：

const path = require('path');
const webpack = require('webpack');

module.exports = {
    plugins: [
        new webpack.DefinePlugin({
            __filebasename: webpack.DefinePlugin.runtimeValue(
                info => JSON.stringify(path.parse(info.module.resource).name)
            )
        })
    ]
};

然后我将在我的源代码中随处提供__filebasename变量。 适用于 Webpack 4 和 5。

Answer 2

我想除了基于https://github.com/webpack/webpack/blob/master/lib/DefinePlugin.js创建您自己的“DefinePlugin”之外别无他法来获得您想要的。