Webpack BLOB-Namen für CSS-Module

Question

Ich habe Webpack 2 mit CSS-Modulen eingerichtet, und es funktioniert. Wenn ich jedoch das CSS über den Browser-Debugger debugge, sind alle Pfade wie folgt: "blob: http://localhost:3000/2b5f9ab7-7972-4c8a-bdbd-96cd9e74b6f9"

Dies macht es mir unmöglich, die CSS-Module zu identifizieren. Gibt es eine Möglichkeit, wie ich Webpack dazu bringen kann, den Modulnamen zu schreiben?

Vielen Dank im Voraus!

Answer 1

Vielleicht kann dies Ihnen helfen, obwohl ich nicht denke, dass die optimale Lösung ist.
Versuchen Sie mit manifest revision plugin, was es ist, um eine manifest.json Datei zu generieren, wo es alle Verweise gibt, die Ihr Projekt verwendet.
das Plugin hinzufügen

new manifest('manifest.json', { 
     rootAssetPath: '/public/css', 
     ignorePaths: [] 
     }) 

Dann in der manifest.json webpack.config finden Sie die Äquivalenzen, auf diese Weise finden Sie wissen können, welche Datei Ihr Projekt verwendet.

{ 
    "assets": 
    {"./bootstrap.min.css":"e02a995e6786d8aa55ee397094f88d16.css"} 
}