在控制台中的webpack开发服务器的热更新期间,我看到以下消息:
[HMR] Updated modules:
[HMR] - 1009
[HMR] - 1007
我更愿意看到那里的路径名称,我记得有一个插件,但在谷歌找不到。
答案 0 :(得分:18)
更新的答案:
在webpack 4中,默认情况下,当模式设置为development
module.exports = {
mode: 'development',
}
也可以直接控制:
module.exports = {
//...
optimization: {
namedModules: true
}
};
原始回答:(适用于较旧的网络包版本)
我自己发现了它,它似乎是webpack
本身的一部分。
这是你如何添加它:
plugins: [
new webpack.NamedModulesPlugin(),
...
]
现在,控制台和源代码中的模块名称将是这样的:
[HMR] Updated modules:
[HMR] - ./../MyModule1.jsx
[HMR] - ./../MyModule2.jsx