ssr-plugin-react 6.1.31 → 6.1.34

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.1.34](https://github.com/zhangyuang/ssr/compare/v6.1.33...v6.1.34) (2021-12-29)
+
+
+### Features
+
+* support dynamic css preload in vite mode ([3979b42](https://github.com/zhangyuang/ssr/commit/3979b4236c3fdcc0312987f86783f8485892276e))
+
+
+
+
+
 ## [6.1.31](https://github.com/zhangyuang/ssr/compare/v6.1.30...v6.1.31) (2021-12-17)
 
 

package/README.md

@@ -273,7 +273,7 @@ $ npm run start:vite # 以 vite 模式启动，等价于 npx ssr start --vite
 
 <div style="display:flex">
 <img src="https://res.wx.qq.com/op_res/7F1t4Z8yCHWilehbcFGjAj0yVn0URMiWBGVJa-TVu_eqw5IwUXA2kPYBnfX6YRHy0FVBB-yC6l0IEL02QTJkLg" width="300">
-<img src="https://res.wx.qq.com/op_res/i1X1OIr2VfQ9MLcvsFOCyN4UWghSc85u64U8OeXxQWKrpdXvpnhe-gms1sUgtRr_QOHZPqanJ2G_lNzuN00ZvQ" width="300">
+<img src="https://res.wx.qq.com/op_res/QHEy-aukLNwJhw1OYtAnYlslZscEeZ8SyyTcolA3wSnHM-wpfwLJYbzQMtfEeD44sN9tAYryDJQkmWSlElMJkw" width="300">
 </div>
 
 ## 前端开发手册

package/cjs/entry/server-entry.js

@@ -4,7 +4,7 @@ exports.serverRender = void 0;
 const React = require("react");
 const react_router_dom_1 = require("react-router-dom");
 const ssr_server_utils_1 = require("ssr-server-utils");
-//@ts-expect-error
+// @ts-expect-error
 const serializeWrap = require("serialize-javascript");
 // @ts-expect-error
 const Routes = require("_build/ssr-temporary-routes");
@@ -32,7 +32,8 @@ const serverRender = async (ctx, config) => {
     let dynamicCssOrder = cssOrder;
     if (dynamic) {
         dynamicCssOrder = cssOrder.concat([`${routeItem.webpackChunkName}.css`]);
-        if (!isVite) {
+        if (!isVite || (isVite && !isDev)) {
+            // call it when webpack mode or vite prod mode
             dynamicCssOrder = await (0, ssr_server_utils_1.addAsyncChunk)(dynamicCssOrder, routeItem.webpackChunkName);
         }
     }

package/cjs/tools/vite.js

@@ -71,7 +71,7 @@ const clientConfig = {
         rollupOptions: {
             input: reactClientEntry,
             output: ssr_server_utils_1.rollupOutputOptions,
-            plugins: [(0, ssr_server_utils_1.chunkNamePlugin)(), (0, ssr_server_utils_1.manifestPlugin)()]
+            plugins: [(0, ssr_server_utils_1.chunkNamePlugin)(), (0, ssr_server_utils_1.asyncOptimizeChunkPlugin)(), (0, ssr_server_utils_1.manifestPlugin)()]
         }
     },
     define: {

package/esm/entry/server-entry.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { StaticRouter } from 'react-router-dom';
 import { findRoute, getManifest, logGreen, normalizePath, addAsyncChunk } from 'ssr-server-utils';
-//@ts-expect-error
+// @ts-expect-error
 import * as serializeWrap from 'serialize-javascript';
 // @ts-expect-error
 import * as Routes from '_build/ssr-temporary-routes';
@@ -29,7 +29,8 @@ const serverRender = async (ctx, config) => {
     let dynamicCssOrder = cssOrder;
     if (dynamic) {
         dynamicCssOrder = cssOrder.concat([`${routeItem.webpackChunkName}.css`]);
-        if (!isVite) {
+        if (!isVite || (isVite && !isDev)) {
+            // call it when webpack mode or vite prod mode
             dynamicCssOrder = await addAsyncChunk(dynamicCssOrder, routeItem.webpackChunkName);
         }
     }

package/esm/tools/vite.js

@@ -1,5 +1,5 @@
 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-import { loadConfig, chunkNamePlugin, rollupOutputOptions, manifestPlugin, commonConfig } from 'ssr-server-utils';
+import { loadConfig, chunkNamePlugin, rollupOutputOptions, manifestPlugin, commonConfig, asyncOptimizeChunkPlugin } from 'ssr-server-utils';
 import react from '@vitejs/plugin-react';
 import styleImport, { AndDesignVueResolve, VantResolve, ElementPlusResolve, NutuiResolve, AntdResolve } from 'vite-plugin-style-import';
 const build = require('vite').build;
@@ -67,7 +67,7 @@ const clientConfig = {
         rollupOptions: {
             input: reactClientEntry,
             output: rollupOutputOptions,
-            plugins: [chunkNamePlugin(), manifestPlugin()]
+            plugins: [chunkNamePlugin(), asyncOptimizeChunkPlugin(), manifestPlugin()]
         }
     },
     define: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ssr-plugin-react",
-  "version": "6.1.31",
+  "version": "6.1.34",
   "description": "plugin-react for ssr",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -58,8 +58,8 @@
     "serialize-javascript": "^6.0.0",
     "ssr-client-utils": "^6.1.29",
     "ssr-hoc-react": "^6.1.29",
-    "ssr-server-utils": "^6.1.29",
-    "ssr-webpack": "^6.1.29",
+    "ssr-server-utils": "^6.1.34",
+    "ssr-webpack": "^6.1.34",
     "terser-webpack-plugin": "^2.3.5",
     "url-loader": "^4.1.1",
     "vite": "^2.7.0",
@@ -76,5 +76,5 @@
     "@types/webpack": "^4.41.10",
     "ssr-types-react": "^6.1.29"
   },
-  "gitHead": "e238c458fc4312003e20a33151f28aa70cfa1a1f"
+  "gitHead": "c5e98b87d6ca0479466ae352b8beaf3fa0dd30b6"
 }

package/src/entry/server-entry.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import { StaticRouter } from 'react-router-dom'
 import { findRoute, getManifest, logGreen, normalizePath, addAsyncChunk } from 'ssr-server-utils'
 import { ISSRContext, IConfig, ReactRoutesType, ReactESMFeRouteItem } from 'ssr-types-react'
-//@ts-expect-error
+// @ts-expect-error
 import * as serializeWrap from 'serialize-javascript'
 // @ts-expect-error
 import * as Routes from '_build/ssr-temporary-routes'
@@ -34,7 +34,8 @@ const serverRender = async (ctx: ISSRContext, config: IConfig): Promise<React.Re
 
   if (dynamic) {
     dynamicCssOrder = cssOrder.concat([`${routeItem.webpackChunkName}.css`])
-    if (!isVite) {
+    if (!isVite || (isVite && !isDev)) {
+      // call it when webpack mode or vite prod mode
       dynamicCssOrder = await addAsyncChunk(dynamicCssOrder, routeItem.webpackChunkName)
     }
   }

package/src/tools/vite.ts

@@ -1,5 +1,5 @@
 import type { build as BuildType, UserConfig } from 'vite'
-import { loadConfig, chunkNamePlugin, rollupOutputOptions, manifestPlugin, commonConfig } from 'ssr-server-utils'
+import { loadConfig, chunkNamePlugin, rollupOutputOptions, manifestPlugin, commonConfig, asyncOptimizeChunkPlugin } from 'ssr-server-utils'
 import react from '@vitejs/plugin-react'
 import styleImport, {
   AndDesignVueResolve,
@@ -76,7 +76,7 @@ const clientConfig: UserConfig = {
     rollupOptions: {
       input: reactClientEntry,
       output: rollupOutputOptions,
-      plugins: [chunkNamePlugin(), manifestPlugin()]
+      plugins: [chunkNamePlugin(), asyncOptimizeChunkPlugin(), manifestPlugin()]
     }
   },
   define: {