ist webpack 5 fertig? Ich denke, es befindet sich in aktiver Entwicklung

Webpack 5 befindet sich in der Beta-Phase. Beta 14 erreicht. Kommt näher und versucht, größtenteils abwärtskompatibel zu sein. Ich trage auch zum start-server-plugin bei. Got «nächste» Arbeit in Webpack 5. Aber Webpack 5 ist noch immer ein bewegliches Ziel. Aber einige Alpha-Releases zu machen, sobald es einigermaßen funktioniert, könnte helfen, unentdeckte Probleme auszubügeln.

ok, wir machen das, sobald du den Zugang zum Repo hast :)
Hast du einen Account bei Telegram? lass uns plaudern

razzle funktioniert in webpack5! nur start-server-webpack-plugin braucht eine neue Version :)

Das sind gute Nachrichten!

1237 Circleci-Checks werden bestanden

Bedeutet dies, dass razzle den SSR-Modulverbund sofort unterstützt? 👀

Wenn das drin ist, würde ich es vermuten. Aber was meinst du? Ich kenne Webpack, aber nicht die Terminologie.

Ich werde mit diesem Build herumspielen. Die Arbeit am htmlPlugin sieht toll aus 🛳
Webpack-Dokumentation zum Modulverbund

in dev behoben

Wie ist das bitte? Gibt es Pläne, es in kommende Versionen von Razzle aufzunehmen?

Wird in 4.0 sein, funktioniert bereits in razzle@canary

Nur eine Randnotiz, ich habe eine neue App mit 4.0.0-canary.19 erstellt. Es kommt mit Webpack 4.44.1

Nach dem Update auf Webpack 5.14.0 funktionieren die Stile nicht mehr. Benutzerdefinierte Loader in razzle.config hinzufügen oder razzle-plugin-scss verwenden, aber immer noch nicht zum Laufen bringen.

Hat es vorher mit 4.44.1 funktioniert?

Am Freitag, 15. Januar 2021 um 15:47 Uhr schrieb Luke Rocco [email protected] :

Nur eine Randnotiz, ich habe eine neue App mit 4.0.0-canary.19 erstellt. Es kommt mit
Webpack 4.44.1

Nach dem Update auf Webpack 5.14.0 funktionieren die Stile nicht mehr. Benutzerdefiniert hinzufügen
Loader in razzle.config oder mit razzle-plugin-scss, aber immer noch nicht erhalten
es zu arbeiten.

—
Sie erhalten dies, weil Sie den Status Öffnen/Schließen geändert haben.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/jaredpalmer/razzle/issues/1187#issuecomment-760983884 ,
oder abmelden
https://github.com/notifications/unsubscribe-auth/AAAADGXEUPRO5GFCN7IMH5TS2BIPVANCNFSM4KP5ZJUQ
.

--
Øyvind Saltvik

Ja, es funktionierte mit 4.44.1. Verwenden von npx create-razzle-app<strong i="5">@canary</strong> my-app .

Vor:

Nach:

Ich habe auch versucht, das scss-Beispiel npx create-razzle-app<strong i="14">@canary</strong> --example with-scss with-scss

Vor:

Nach:

In beiden Fällen liegen keine Fehler im Terminal vor. Nur der Konsolenfehler, der in den Nachherbildern gezeigt wird.

Mein zweiter Versuch bestand darin, die benutzerdefinierten Regeln unten unter webpackconfig.module.rules hinzuzufügen. mini-css-extract-plugin von 0.9.0 auf 1.3.4 aktualisiert. Ich habe dieses Setup in einem grundlegenden React/Webpack-Projekt. Aber beim Starten der App bricht es ab.

      {
        test: /\.css$/,
        use: [
          MiniCssExtractPlugin.loader,
          {
            loader: "css-loader",
            options: {
              importLoaders: 1,
            },
          },
          "postcss-loader",
        ],
        exclude: /\.module\.css$/,
      },
      {
        test: /\.css$/,
        use: [
          MiniCssExtractPlugin.loader,
          {
            loader: "css-loader",
            options: {
              importLoaders: 1,
              modules: true,
            },
          },
          "postcss-loader",
        ],
        include: /\.module\.css$/,
      },
      {
        test: /\.scss$/,
        use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
      }

Behoben in v4.0.0-canary.20