`type: 'asset/source' in webpack v5.96.0, was dazu führt, dass CSS -Dateien nicht verpackt werden ⇐ CSS

[Anonymous]

Problem mit Typ: 'Asset/Source' In WebPack v5.96.0, was dazu führt, dass CSS-Dateien nicht verpackt werden. In Version 5.95.0 habe ich die folgende Konfiguration verwendet, um CSS -Dateien zu verarbeiten, und die CSS -Dateien wurden während des Erstellungsprozesses korrekt verpackt, wobei die Stile auf der Seite ordnungsgemäß angezeigt wurden. Nach dem Upgrade von WebPack auf v5.96.0 werden die CSS-Dateien während des Erstellungsprozesses nicht mehr verpackt, wodurch die Seitenstile fehlschlagen.

Code: Select all

{
test: /\.css$/,
type: 'asset/source',
include: [
helpers.root('folder1', 'folder2', 'webcomponent'),
new RegExp('folder\\' + path.sep + '.*\\' + path.sep + 'src\\' + path.sep + '.*\\' + path.sep)
]
}
< /code>

[h4] Header-Komponente: < /h4>
@Component({
selector: "header",
templateUrl: "./header.component.html",
styleUrls: ["./header.css"]
})
< /code>

header.css:[/h4]
.sample {
background-color: #ccc;
}
< /code>

[h4] Debugging -Erkenntnisse < /h4>
Nach dem Debuggen fand ich, dass die [Webpack \ lib \ asset \ assetSourceGenerator.js] < /code> in WebPack v5.96.0 geändert wurde. In v5.95.0 wird [Rückgabetypen] 

direkt zurückgegeben. Die neue Logik in v5.96.0 führt dazu, dass OriginModule null ist, was verhindert, dass die CSS-Dateien korrekt verarbeitet werden. />
Alternative Konfiguration: < /h4>

Code: Select all

{
test: /\.css$/,
include: [
helpers.root('folder1', 'folder2', 'webcomponent'),
new RegExp('folder\\' + path.sep + '.*\\' + path.sep + 'src\\' + path.sep + '.*\\' + path.sep)
],
use: ['raw-loader']
}

Environment Information[/h4]

• Webpack Version: v5.96.0
• Node.js Version: 20.18.2
• Operating System: Windows 11 22H2

Frage

Welche zusätzliche Konfiguration wird benötigt, wenn der Typ verwendet wird: 'Asset/Quelle' , um sicherzustellen, dass CSS -Dateien korrekt verpackt sind?