用于模块友好名称的Webpack插件(路径而不是数字)

Question

在控制台中的webpack开发服务器的热更新期间,我看到以下消息:

[HMR] Updated modules: 
[HMR]  - 1009 
[HMR]  - 1007

我宁愿在那里看到路径名称,我记得有一个插件,但在谷歌找不到它.

Answer 1

更新的答案:

在webpack 4中,默认情况下,当mode设置为时 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