Breaks with NamedModulesPlugin

[cletusw]

extract-text-webpack-plugin breaks when combined with webpack.NamedModulesPlugin. It incorrectly outputs the result of extracting the CSS from the first bundle in all assets.

main.css

body {
  background: blue;
}

other.css

body {
  border: 10px solid yellow;
}

becomes

main.built.css

body {
  background: blue;
}

other.built.css

body {
  background: blue;
}

node --version: v8.5.0
npm --version: 5.5.1
npm ls --depth=0:

├── extract-text-webpack-plugin@3.0.1
├── raw-loader@0.5.1
└── webpack@3.7.1

EDIT: Minimal repro case: https://github.com/cletusw/extract-text-webpack-plugin-issue-648

[cletusw]

I've verified that it is not this issue. module.libIdent is unique for each module.

[cletusw]

Problem could be this line, which is comparing two IDs, one of which is a number and the other is the NamedModulesPlugin-generated ID (ie, ./node_modules/raw-loader/index.js!./main.css). Without the plugin they're both numbers so the if block exectues.

EDIT: Confirmed that if I set the if condition to true to force that block to execute, the problem goes away. I'll need to figure out some way to do a true ID comparison that respects the NamedModulesPlugin.

[cletusw]

This line, added in 7fc7957, assumes the first module will have ID 0 instead of a string. Not sure how to fix that.

[sgal]

Seems like it's a common issue to any ID-generating plugins. #642 could be related.

[sgal]

Looks like #601 fixes this issue. But for some reason it was abandoned due to lack of review from @sokra

[sokra]

Sorry

[cletusw]

Fix merged: d5a1de2