The stats data includes strange strings like ` + 4 modules'

[tanin47]

Bug report

What is the current behavior?

The stats data includes strange string:

{
  "moduleId": 14,
  "moduleIdentifier": "/projects/sbt-vuefy/node_modules/vue-loader/lib/index.js??vue-loader-options!/projects/sbt-vuefy/src/test/scala/givers/vuefy/assets/vue/component-a.vue e03f6658ab7c5e6582e13283490782d2",
  "module": "./vue/component-a.vue + 4 modules",
  "moduleName": "./vue/component-a.vue + 4 modules",
  "type": "harmony import specifier",
  "userRequest": "./dependencies/component-b.vue",
  "loc": "7:29-39"
}

If the current behavior is a bug, please provide the steps to reproduce.

The stats data above can be generated using the below plugin:

class Plugin {
  apply(compiler) {
    compiler.hooks.emit.tap("emit-hook", (compilation) => {
      for (let module of compilation.getStats().toJson().modules) {
        for (let reason of module.reasons) {
          console.log(JSON.stringify(reason));
        }
      }
    });
  }
}

What is the expected behavior?

Can we remove the string + 4 modules in "moduleName": "./vue/component-a.vue + 4 modules"?

Other relevant information:
webpack version: 4.27.1
Node.js version: 9.0.0
Operating System: Ubuntu 18.04 LTS
Additional tools: I'm using vue-loader with webpack. So, I'm not sure who adds these strange strings.

[niieani]

This simply means that the module was concatenated to include 4 other modules. You can disable this optimization if you want to see the correct dependency tree in the stats data.

[tanin47]

Thank you @niieani. So, it is not a bug.

I have two follow-up questions:

• How do I turn of the optimization you are talking about?
• Where is the location of the code that is responsible? (I'd like to learn).

Thank you again.

[niieani]

Here you can turn it off:

https://webpack.js.org/configuration/optimization/#optimization-concatenatemodules

This is where it comes from in the code:

webpack/lib/optimize/ConcatenatedModule.js

Lines 393 to 398 in d5e26f7

	readableIdentifier(requestShortener) {
	return (
	this.rootModule.readableIdentifier(requestShortener) +
	` + ${this._numberOfConcatenatedModules - 1} modules`
	);
	}

[tanin47]

Thank you!