ssr mit reagieren und ausdrücken und erfordern stats.json Erklärung

8

Ich schaue mir das Codebeispiel unten an, das ein Beispiel für ein reaktives ssr ist:

in der configureProduction -Funktion hat es diese Zeile:

%Vor%

Was ist diese stats.json-Datei, die benötigt wird?

%Vor%     
dagda1 18.02.2018, 08:37
quelle

3 Antworten

2

Dies ist wahrscheinlich eine Datei, die von einem Webpack-Plugin ( Ссылка ) erstellt wird, nachdem die Client-Seite erstellt wurde Bündel, dieser Dateiname ist gehashed und notwendig für den Server, damit er weiß, wie man die Basisvorlage rendert, die dann den Client bootstrappt.

Natürlich ist das eine Vermutung, da wir keinen Zugriff auf Ihre json -Datei, webpack -Konfiguration oder package.json ..

haben

Dieses Repository verwendet einen ähnlichen Ansatz: Ссылка Er erstellt den Client, generiert die gleiche Art von Datei und erstellt dann das Serverpaket mit dieser JSON-Datei als Informationspunkt, um zu verstehen, wie das Clientpaket benannt wird.

Die JSON-Datei sollte so aussehen:

%Vor%     
enapupe 24.02.2018, 15:16
quelle
2

Die stats.json -Datei wird von webpack-stats-plugin generiert und kann vom Knotenprozess verwendet werden, um "den korrekten Paketpfad auf Ihrem Server zu identifizieren" : Ссылка

    
Miguel Calderón 24.02.2018 15:19
quelle
1

Das Projekt, das Sie betrachten, ist unter

Ссылка

Wenn Sie sich die Datei client.production.js unten ansehen

Ссылка

Der Code verwendet

%Vor%

Wie Sie sehen können, verwendet es StatsWebpackPlugin , um die Statistiken in stats.json zu speichern. Sehen wir uns nun die Verwendung an

%Vor%

Also übergibt es die clientStats und outputPath an die serverRender , die der Standardexport der assets/app.server.js ist. Nun, wenn Sie sich die Datei ansehen

Ссылка

%Vor%

Er übergibt das clientStats an flushChunks , das von webpack-flush-chunks stammt. Um die Skripte css , js include für die generierten Dateien zu erhalten. Dies wird dann verwendet, um die Vorlage

zu rendern %Vor%

Wenn Sie sich die index.ejs Vorlage ansehen

%Vor%

Es verwendet die CSS, JS Links auf der gerenderten Seite. All dies wurde benötigt, weil wir Informationen von Stücken benötigen, die wegen der Plugins ExtractCssChunks und webpack.optimize.CommonsChunkPlugin

generiert wurden     
Tarun Lalwani 03.03.2018 12:06
quelle