Beim Erstellen meiner Kunst für meine Website habe ich einige Zwischendateien, die ich in meinem "Medien" -Ordner aufbewahren möchte.
Aber dann beginnt Webpack sich zu beschweren, dass es nicht weiß, was mit diesen Dateien zu tun ist.
Gibt es eine einfache Möglichkeit zu sagen, machen Sie sich keine Sorgen um Dateien mit der Erweiterung .pdn ?
Ich habe diese Optionen in meiner webpack.config.js versucht, und es hat nicht geholfen:
{ test: /\.pdn?$/, loader: 'raw', exclude: /.*/} { test: /\.pdn?$/, exclude: /.*/} Sie könnten das ignore-loader Plugin hinzufügen und Dateien damit abgleichen.
Beispiel (in webpack.config.js )
Dies ignoriert alle .css Dateien.
Ich brauchte es, weil ich einige node_modules benötigte, die mehrere Schriftformate importierten, aber ich wollte nur woff oder woff2 Formate.
Meine Lösung:
%Vor%Die Frage ist nicht, was Webpack mit diesen Dateien machen will, aber was möchten Sie mit diesen Dateien machen, wenn Sie sie benötigen? Möchten Sie ihre Inhalte in Javascript, möchten Sie den Pfad der Dateien in Ihrem Build oder etwas anderes geben?
Wenn Sie keine .pdn -Dateien benötigen, aber Webpack versucht, sie zu laden, verwenden Sie möglicherweise dynamische Anforderungen. Dynamic erfordert kann sehr seltsame Dinge tun und in der Regel versuchen, viel zu viel zu bündeln, so dass Sie wirklich vermeiden sollten, sie zu verwenden.
Wenn Sie auf die Dateien auf eine Art zugreifen möchten, verwenden Sie file-loader.
In Ihrem obigen Beispiel würde Ihre erste Ladeoption nicht funktionieren, weil Sie alles in der Ausschlussklausel ausschließen. Sie fordern webpack auf, raw-loader auf Dateien anzuwenden, die mit "test" übereinstimmen, ignorieren aber Dateien, die mit "exclude" übereinstimmen, was in Ihrem Fall alles ist. Verwenden Sie stattdessen { test: /\.pdn$/, loader: 'raw' } .
Tags und Links webpack