在控制台的WebPack开发服务器中的热更新期间,我看到了这些消息:
[HMR] Updated modules:
[HMR] - 1009
[HMR] - 1007
我宁愿看到那里的路径名,我记得有一个插件,但在Google中找不到。
更新答案:
在WebPack 4中,当模式设置为development
module.exports = {
mode: 'development',
}
也可以直接控制:
module.exports = {
//...
optimization: {
namedModules: true
}
};
原始答案:(对于较旧的WebPack版本)
我自己找到了它,它似乎是webpack
本身的一部分。这是您添加的方式:
plugins: [
new webpack.NamedModulesPlugin(),
...
]
现在,控制台和源中的模块名称就是这样:
[HMR] Updated modules:
[HMR] - ./../MyModule1.jsx
[HMR] - ./../MyModule2.jsx