Webpack CSS-Module werden nicht neu geladen

Question

Ich habe ein sehr seltsames Problem, bei dem neue CSS-Dateien, die ich erstelle, und import in meinem JS-Code nicht zur Ausgabedatei hinzugefügt werden. Meine Webpack-Konfiguration ist so eingerichtet, dass alle CSS-Dateien, die in meinen React-Komponenten benötigt werden, in einer Ausgabedatei namens styles.css zusammengefasst werden. Hier sind die entsprechenden Teile meiner config:

module.exports = { 
    ... 
    module: { 
    rules: [ 
     ... 
     { 
     test: /\.css$/, 
     loader: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: ['css-loader?modules=true&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'], 
     }) 
     }, 
     ... 
    ], 
    }, 
    ... 
    plugins: [ 
    ... 
    new ExtractTextPlugin('css/styles.css'), 
    ... 
    ], 
}; 

Diese Konfiguration erstellt eine Datei namens styles.css und legt sie in einem Verzeichnis css in meinem Ausgabeverzeichnis genannt.

Heres der seltsame Teil: Es generiert derzeit die Hash-Klassennamen für alle Dateien, die in meinem Code importiert werden, aber ignoriert die Klassendefinitionen einiger Dateien (auf einer konsistenten Basis).

ich diese Versionen der Pakete wurde mit:

"css-loader": "^0.28.4", 
"postcss-loader": "^2.0.6", 
"style-loader": "^0.18.2", 
"webpack": "^2.6.1", 

Ich habe sogar versucht, alle Pakete zu aktualisieren, aber das Problem blieb.

Ich habe versucht, Webpack auf drei verschiedenen Maschinen laufen zu lassen, sowohl im Produktions- als auch im Entwicklungsmodus, und immer die gleichen Ergebnisse erhalten.

Irgendwelche Ideen? Fehle ich hier etwas?

Answer 1

Ich fand tatsächlich eine Antwort: Ich benutzte Chunks als separate Einstiegspunkte in meinem Webpack, aber war (ziemlich sorglos) die gleiche CSS-Datei neu zu schreiben, ohne Rücksicht auf die unterschiedlichen Bedürfnisse der verschiedenen Einstiegspunkte. Bis jetzt hatte ich für alle meine Eintragsblöcke die gleichen CSS-Regeln, weshalb ich das vorher nicht gesehen habe.

D'oh!